Hi. Cant figure out why this is happening. Only .weather stuff is failing, I assume I am overlooking something obvious.
Using codepen’s bootstrap and jQuery.
Codepen
HTML
<head>
<title>Weather in Las Vegas</title>
</head>
<body>
<div class='container'>
<h1>Weather in Las Vegas</h1>
<div class='row'>
<div class="col-md-12">
<ol>
<li id='a'></li>
<li id='b'></li>
<li id='c'></li>
<li id='d'></li>
<li id='e'></li>
<li id='f'></li>
<li id='g'></li>
</ol>
</div>
</div>
</body>
CSS
.container{
text-align:center;
}
JS
$.getJSON("http://api.openweathermap.org/data/2.5/weather?q=LasVegas&APPID=0398adbea42810772a2cbefed6cd7bdd", function(data){
var aa = data.coord.lon;
var bb = data.weather.main;
var cc = data.coord.lat;
var dd = data.weather.description;
var ee = data.wind.speed;
var ff = data.weather.id;
var gg = data.main.pressure;
$("#a").html(aa);
$("#b").html(bb);
$("#c").html(cc);
$("#d").html(dd);
$("#e").html(ee);
$("#f").html(ff);
$("#g").html(gg);
});