title: Can't get jQuery to get JSON from another domain (using JSONP)
body: <p>I'm using an API (which I made and can alter if necessary) which spits out some JSON (using PHP's json_encode, so it's valid).  I'm using it on another website on another domain to retrieve data.</p>
  
  <p>Unfortunately, I can't seem to get it to work.  The request is made, and the data is retrieved as far as I can tell from the Chrome developer tools (the results have been downloaded from the API).  No further processing seems to happen though.</p>
  
  <p>The request URL looks like this (replacing 'query' with the actual query, in this case a band name):</p>
  
  <pre><code>http://gatekrash.com/api/v1?t=search&amp;s=national&amp;p=0&amp;n=15&amp;q=QUERY&amp;callback=?
  </code></pre>
  
  <p><a href="http://gatekrash.com/api/v1?t=search&amp;s=national&amp;p=0&amp;n=15&amp;q=Noah%20and%20the%20Whale&amp;callback=?" rel="nofollow">Link to results page with query being 'Noah and the Whale'</a></p>
  
  <p>The results look like this (valid JSON):</p>
  
  <pre><code>[{"id":"4123","title":"Noah And The Whale","type":null,"start":"2011-03-30 19:30:00","end":"2011-03-31 00:30:00","venue":{"id":"154","name":"The Deaf Institute"},"place":{"id":"17374","name":"Manchester"},"source_count":"1","performers":""},{"id":"9317","title":"Noah And The Whale","type":null,"start":"2011-05-04 19:00:00","end":"2011-05-05 00:00:00","venue":{"id":"539","name":"Leeds Metropolitan University"},"place":{"id":"15473","name":"Leeds"},"source_count":"1","performers":""}]
  </code></pre>
  
  <p>The jQuery I'm using to fetch this data looks like this:</p>
  
  <pre><code>$(document).ready(function(){
      getSearch("Noah and the Whale");
  });
  $(document).ready((function(query) {
  getSearch = function(query) {
      url = "http://gatekrash.com/api/v1?t=search&amp;s=national&amp;p=0&amp;n=15&amp;q=" + query + "&amp;callback=?";
      $.getJSON(url,
          function(json) {
              alert("Success!");
          }
      );
  }
  })());
  </code></pre>
  
  <p>As far as I'm aware, this <em>should</em> work.  I'm using basically the same code (minus the callback=?) on the site to which the API belongs to retrieve data with no problems, so I think that it's probably a cross-domain thing.</p>
  
  <p>The solution is probably definitely something so obvious and simple and in my face, but I've not had any success in getting it to work.</p>
  
  <p>Any ideas?</p>