title: GetJson doesn't return anything
body: <p>I'm trying to display some information from a json object. My getJson function doesn't return anything.</p>
  
  <p>I think the problem is that i don't target the right value. </p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div id="content" class="clearfix row"&gt;
      &lt;div class="col-md-6"&gt;
      &lt;p&gt;Please enter your searchterm:&lt;/p&gt;
      &lt;input id="myinput" type="text"&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-6" id="result"&gt;
  
  &lt;/div&gt;
  
  jQuery(document).ready(function() {
      jQuery.getJSON("http://ghost-app.com/api/search?searchterm=pro_wheely",function(data){
          jQuery("#result").prepend('&lt;h3&gt;'+data.players.results[0].username+'&lt;/h3&gt;');
      });
  });
  </code></pre>
  
  <p>I can view the json file just fine in my browser. <a href="http://api.codcp.com/search?searchterm=pro_wheely" rel="nofollow">JSON link</a></p>
  
  <p>As far as i can tell everything looks right. Any suggestions?</p>