title: jquery ajax failing and not returning data
body: <p>I have a frontend using limejs and I have this jquery AJAX call:</p>
  
  <pre><code>var data = $.ajax({
      type: "GET",
      url: "https://55.55.55.55:8000/list",
      crossDomain: true,
      dataType: 'jsonp',
      username: creds[0],
      password: creds[1]
  })
  data.done(function (result) {
      console.log(result);
  })
  data.fail(function (result) {
      console.log(result);
  })
  </code></pre>
  
  <p>in the dev tools I can see that it was successful with a status of 200. But it always goes to <code>data.fail</code> and the value of <code>result</code> is not the json that the api returns.</p>
  
  <p>Also, I can see in the <strong>Network</strong> tab of dev tools that the json object I wanted was returned from the GET request</p>
  
  <p>Here are the response headers in <strong>Network</strong>
  <code>
  Access-Control-Allow-Credentials:true
  Access-Control-Allow-Origin:http://mywebsite.com
  Connection:keep-alive
  Content-Length:60
  Content-Type:application/json; charset=utf-8
  Date:Fri, 14 Aug 2015 18:35:38 GMT
  ETag:W/"3c-IGO78tClmpizleUBX2+QSA"
  X-Powered-By:Express
  </code></p>
  
  <p>Why doesn't it call <code>data.done</code>? and Why isn't it returning the data?</p>