HTML5地理定位问题

我正在为HTML5地理位置编写一个Java脚本，但它似乎不起作用，当我试图在另一个范围中输出内容时，它说未定义。下面是代码。

<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>