不能't从openWeatherMap api JavaScript获取数据

不知道问题出在哪里，但所选div中没有显示任何内容。

    $(document).ready(function(){
  var lat, lng, data;
  // get the current location
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
          lat = position.coords.latitude;
          lng = position.coords.longitude;
        });
    }else {
      alert('Geo Location feature is not supported in this browser.');
   }

//get the data from the openWeatherMap API
  function getData(){
    $.getJSON('api.openweathermap.org/data/2.5/weather?lat='+lat+'&lon='+lng+'', function(json){
      data = json;
    });    
  }
  $('button').on('click', function(){
    getData();
    $(this).remove();
    $('.container').removeClass('hidden');
    $('#location').appendTo(data.name);
    $('#Weather-condition').appendTo(data.weather.main); 
    $('#wind-speed').appendTo(data.wind);
  });
});