title: jQuery ajax call - Getting meaningful error messages
body: <p>I have a jQuery ajax call that is working fine in IE, but continually errors in Chrome and Firefox.  I have similar ajax calls elsewhere in my application and they work fine in all browsers but for some reason this one doesn't.</p>
  
  <p>First off, is there something obvious that I am doing here that would break in browsers other than IE, and second and just as important, is there a way to get something meaningful out of the <code>error: function (e) {}</code> block?</p>
  
  <pre><code>                $.ajax({
                  type: "POST",
                  url: "http://localhost:52350/FabRouting/Webservice/FinalizeFileStream.asmx/FinalizeFileStreamDoc",
                  data: JSON.stringify({ DocID: docID, FileSize: file.size }),
                  contentType: "application/json; charset=utf-8",
                  dataType: "json",
                  success: function (data) {
                      if (data.d.length == 0) {
                          //error
                          $("[id$=txtResult]").val("error 0");
                      }
                      else {
                          $("[id$=txtResult]").val(data.d[0].Result);
                      }
                  },
                  error: function (e) {
                      //error
                      $("[id$=txtResult]").val("error");
                  }
              });
  </code></pre>