title: getJSON: why does the 1 example work, but the other not?
body: <p>I have 2 examples of a function that retrieves json-data and gives an alert.</p>
  
  <p>In this example, everything goes fine: <a href="http://jsbin.com/uwupa3/edit" rel="nofollow noreferrer">http://jsbin.com/uwupa3/edit</a></p>
  
  <pre><code>$(document).ready(function(){
    var timeService = "http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&amp;tagmode=any&amp;format=json&amp;jsoncallback=?";
  
    $.getJSON(timeService, function(data) {
      alert(data);
    });
  });
  </code></pre>
  
  <p>But in the second example, there is no alert displayed.
  Why? The only difference is the service where the json is retrieved. The json-object looks perfectly valid to me: <a href="http://jsbin.com/uwupa3/2/edit" rel="nofollow noreferrer">http://jsbin.com/uwupa3/2/edit</a></p>
  
  <pre><code>$(document).ready(function(){
    var timeService = "http://json-time.appspot.com/time.json?tz=Europe/Brussels";
  
    $.getJSON(timeService, function(data) {
      alert(data);
    });
  });
  </code></pre>
  
  <p>I get no JS-errors. I also tried this local (so not on JSbin but with a htm-file on my pc) and this doesn't work either.</p>
  
  <p>Can someone explain what I am doing wrong?</p>