Untitled

<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>

  <script>
    $(function() {
      $.getJSON('usersList.json', function(data) {
        $.each(data, function(i, f) {
          var tblRow = "<tr>" + "<td>" + f.uid + "</td>" + "<td>" + f.lat + "</td>" + "<td>" + f.lon + "</tr>"
          $(tblRow).appendTo("#userdata tbody");
        });
      });
    });
  </script>
</head>

<body>
  <div class="wrapper">
    <table id="userdata">
       <thead>
         <th>UID</th>
         <th>Lat</th>
         <th>Lon</th>
      </thead>
      <tbody>

      </tbody>
    </table>
  </div> <!-- wrapper -->

</body>
</html>