title: jQuery ajax get: dataType html fails with 200 OK
body: <p>There are many similar questions, but I didn't find one that gets straight to the point: I'm trying to get some plain text from jQuery $.ajax call using DataType html. StatusCode is 200 OK but error function is fired.</p>
  
  <hr>
  
  <p>Code time:</p>
  
  <h2>HTML (index.html)</h2>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
    &lt;title&gt;Test&lt;/title&gt;
    &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
   &lt;/head&gt;
  &lt;body&gt;
   &lt;script type="text/javascript"&gt;
    function doajax(){
     $.ajax({
     url:'http://localhost/test.php',
     DataType:'html',
     data:{id:5},
     success:function(data){ alert('We made it'); },
     error:function(v1,v2,v3){ alert('Something went wrong'); } //gets fired
    });
   }
   &lt;/script&gt;
   &lt;a href="#" onclick="doajax(); return false;"&gt;Click to test&lt;/a&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h2>PHP (test.php)</h2>
  
  <pre><code>echo 'Hi';
  </code></pre>
  
  <p>Now this looks trivial to me, but I can't get data from the test.php file.
  Just "Hi" string is expected, but I get error handler fired and nothing is even returned:</p>
  
  <h2>ERROR RESPONSES</h2>
  
  <pre><code>xhr:status 200
  status:error
  text:-blank-
  </code></pre>
  
  <p>Why can't I get this easy script to work?</p>
  
  <p>EDIT: missing comma</p>
  
  <p>UPDATE: IT'S A Firefox PROBLEM! ALL BROWSERS WORK BUT IT.</p>