title: Jquery ajax text/html to application/json
body: <p>I have an error on using the ajax request below.</p>
  
  <pre><code>$.ajax({
      url: "http://webservice.users.com:8000/users",
      dataType: 'jsonp',
      beforeSend: function (xhr) {
          xhr.setRequestHeader("Authorization", "Basic b2d1e77hbi5lcmVu1BhczRVYg");
      },
      success: function (json) { console.log(json); },
      error: function (httpReq, status, exception) {
          console.log(status + " " + exception);
      }
  });
  </code></pre>
  
  <p>My call is cross-domain and it result is text/html (maybe jquery can't convert result to application/json)</p>
  
  <p>Console errors:
  parsererror Error: jQuery18206287364205345511_1351595013388 was not called
  Error: <strong>"SyntaxError: Unexpected token : "</strong> in chrome browsers. </p>
  
  <p>Chrome Developer Tools service response headers:</p>
  
  <pre><code>Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0
  Connection:Keep-Alive
  Content-Encoding:gzip
  Content-Length:180
  Content-Type:text/html
  Date:Tue, 30 Oct 2012 10:36:57 GMT
  Expires:Thu, 19 Nov 1981 08:52:00 GMT
  Keep-Alive:timeout=15, max=100
  Pragma:no-cache
  Server:Apache/2.2.16 (Debian)
  Set-Cookie:active_style=style; expires=Wed, 30-Oct-2013 10:36:57 GMT
  Vary:Accept-Encoding,User-Agent
  </code></pre>
  
  <p>Server response body:</p>
  
  <pre><code>{
      "data": {
          "islogin": "0"
      },
      "userdata": {
          "login": "0"
      },
      "rstatus": {
          "status": "0",
          "errno": "5555",
          "mesg": "blablabla"
      }
  }
  </code></pre>