title: google.maps.setCenter() latitude & Longitude requested via jquery.ajax()
body: <p>I've got an jquery autocomplete ui element that shows a list of rail stations. When a user selects a Station from the autocomplete list,  the function should return a set of latitude/Coordinates from the db  and recenter the map over those cordinates?</p>
  
  <p>Anyone spot where i'm code wrong in this code?</p>
  
  <pre><code>// make a json request to get the map data from the Map action
  $(function() {         
      $.getJSON("/Home/Map", initialise);
  });
  
  var infowindow = new google.maps.InfoWindow({content: "EMPTY"});
  
  
  
  
  function initialise(mapData) {
  
  var latlng = new google.maps.LatLng(54.466667, -3.233333);
  
  var myOptions = {
      zoom: 5,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.TERRAIN,
      mapTypeControlOptions: {
  
          style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
      },
      scaleControl: true,
      streetViewControl: false
  
  };
  
  
  var map = new google.maps.Map($("#map")[0],
  myOptions);
  
  
     $.each(mapData, function (i, location) {
         setupLocationMarker(map, location);
     });
  
  //Autocomplete 
   $(function () {
          $("#tags").autocomplete({
              source: "/Home/StationsList",
              minLength: 2,
              select: function (event, ui) {
                  jQuery.ajax({
                      url: "Home/GetStationLatLong/" + ui.item.value,
                      dataType: "json",
                      success: function (data) {
                          map.setCenter(new google.maps.latLng(data.latitude, data.longitude));
                      }                       
                  });
              }
          });
  
      });
  
  }
  
  function setupLocationMarker(map, location) {
  
  var latlng = new google.maps.LatLng(location.Latitude, location.Longitude);
  
  var marker = new google.maps.Marker({
      position: latlng,
      map: map,
      title: location.Name
  
  });
  
  google.maps.event.addListener(marker, 'click', function () {
      infowindow.setContent('&lt;h2&gt;' + location.Name + '&lt;/h2&gt;');
  
      infowindow.open(map, marker);
  
  
      $("#info").text(location.Name);
  });     
  
  }
  </code></pre>
  
  <p>The JSON Returned from the server by the "Home/GetStationLatLong" request looks like this</p>
  
  <pre><code>[{"latitude":53.66314,"longitude":-1.48149}]
  </code></pre>