Javascript, похоже, не обрабатывает JSON API ⇐ Jquery

[Anonymous]

Я пытаюсь создать страницу, которая будет использовать API openweathermap для отображения города пользователя и местной температуры, к сожалению, похоже, что она не обрабатывает API JSON и ничего не делает. Насколько я могу судить, с моим кодом все в порядке, поэтому я не понимаю, что не так.

Вот ссылка jsfiddle и код javscript:
https://jsfiddle.net/qo2h1L9e/2/

$(document).ready(function() {
var data;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
console.log(lat);
console.log(lon);
console.log("api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=4907e373098f091c293b36b92d8f0886");
$.getJSON("api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=4907e373098f091c293b36b92d8f0886", function(json) {
data = json;
console.log(data.name);
$("#city").text(data.name);
});
});
}
});


Подробнее здесь: https://stackoverflow.com/questions/370 ... g-json-api