title: jQuery.ajax() gets parseError on fetching JSON from x-domain source
body: <p>This is my Javascript</p>
  
  <pre><code>$.ajax({
      "url": url,
      "dataType" : "json",
      "async" : false,
      "success" : function(e) {
          retval = e;
      },
      "complete" : function(jqXHR, textStatus) {
          debugger;
      },
      "error" : function(jqXHR, textStatus, errorThrown) {
          debugger;
      },
      "xhrFields": {
         withCredentials: true
      }
  })
  </code></pre>
  
  <p><code>url</code> is for example <code>http://api.justin.tv/api/channel/show/{0}.json</code> (<code>{0}</code> being replaced by a channel name)</p>
  
  <p>The script breaks at error with textStatus "parseserror". Also I notice that <code>jqXHR</code> has no responseText, but instead all the json files I tried to load have appeared in the resources tab with <code>Uncaught SyntaxError: Unexpected token :</code>. Also I'm getting the warning <code>Resource interpreted as Script but transferred with MIME type application/json.</code> for every ajax request. In addition, the x-domain requests doesn't seem to be asynchronous since code below the ajax call executes before the <code>error</code> callback executes.</p>
  
  <p>So to clarify, my goal is for the ajax call success callback to run on every request with the parsed JSON object as <code>e</code>. This code already works for local json ajax calls, just not with the x-domain ones. The json returned by the x-domain calls is valid and shouldn't result in parsererrors.</p>
  
  <p>If anyone has any ideas, please share</p>
  
  <p>Thanks</p>