json array available via browser, but fails silently via getJSON
<p>This is my first time here so please bear with me.</p>

<p>I have these two similar web apis, both accessible using browser but only one works with jquery. What gives?</p>

<p>This one is available using browser and using getjson, all good:</p>

<pre><code>$.getJSON( "http://api.openweathermap.org/data/2.5/weather?q=london&amp;appid=33d0ba5efa0edb1a2282c3165b00d15e&amp;units=metric")
.done(function( json ) {
console.log( "JSON Data: " + json.name );
})
.fail(function( jqxhr, textStatus, error ) {
var err = textStatus + ", " + error;
console.log( "Request Failed: " + err );
});
</code></pre>

<p>This one below is nearly identical, but only available if you go the address, if you try to get json it fails silently or throws error:</p>

<pre><code>$.getJSON( "http://info.studyinpoland.pl/admin/public/api/events")
.done(function( json ) {
console.log( "JSON Data: " + json[0].id );
})
.fail(function( jqxhr, textStatus, error ) {
var err = textStatus + ", " + error;
console.log( "Request Failed: " + err );
});
</code></pre>

<p>Why does this fail? I need the data from <a href="http://info.studyinpoland.pl/admin/public/api/events" rel="nofollow noreferrer">http://info.studyinpoland.pl/admin/public/api/events</a>, how else can I access it using javascript?</p>