title: JQuery's Ajax function works in chrome but returns 404 in firefox
body: <p>I'm using a central ajax function to send ajax Post requests to a server. This is the code of the function:</p>
  
  <pre><code>function postJson(url, jsObj, whenSuccess, whenError){
          $.ajax({
              type: "post",
              headers: {
                  "Accept": "application/json, text/javascript, */*; q=0.01",
                  "Content-Type": "application/json, text/javascript, */*; q=0.01"
              },
              dataType: "json",
              url: url,
              data: JSON.stringify(jsObj),
              success: function(result){
                  if(whenSuccess !== undefined){ whenSuccess(result); }
              },
              error: function(xhr){
                  if(whenError !== undefined){ whenError(xhr.status); }
              }
          });
      }
  </code></pre>
  
  <p>When I try to run my application it works fine in chrome, but in firefox it throws a 404. My REST service helper returns a 404 when the accept or content type isn't set to JSON... so I thought that firefox might not add the headers but when I look at the sent request:</p>
  
  <pre><code>Request URL:
  http://localhost:9081/api/1/localize/validation.json
  
  Request Method:
  POST
  
  Status Code:
  HTTP/1.1 404 Not Found
  
  Request Headers
  08:40:10.000
  
  X-Requested-With:XMLHttpRequestUser-Agent......
  Referer:http://localhost:9081/kportal/
  Pragma:no-cacheHost:localhost:9081
  Content-Type:application/json, text/javascript; charset=UTF-8, */*; q=0.01
  Content-Length:2
  Connection:keep-alive
  Cache-Control:no-cache
  Accept-Language:en-US,en;q=0.5
  Accept-Encoding:gzip, deflate
  Accept:application/json, text/javascript, */*; q=0.01
  </code></pre>
  
  <p>You can see that the necessary headers are set. Still I'm getting a 404 in firefox but not in chrome.</p>
  
  <p>Any thoughts?</p>