HTML5 Geolocation Trouble

Question

I am writing a Java script for HTML 5 geolocation but it doesnt seem to work and when I try to output the contents in another scope, it says undefined. Below is the code.

<script>
var lat;
var lng;
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{}
  }
function showPosition(position)
  {
     lat = position.coords.latitude;
     lng = position.coords.longitude;
     document.write(lat); // Doesnt output anything
  }


</script>

    <script type="text/javascript">
          document.write(lat);      // It says undefined
        $(document).ready(function()
        {
             //some scripts here

         }

</script>

Answer 1

The success callback functions are called only when the html page is hosted on a web server, not in localhost. Are you testing locally or on a webserver?