title: Chrome Unaware of POST Request
body: <p>I know this title sounds odd, but let me describe the behavior I am seeing:</p>
  
  <ul>
  <li>I am making an AJAX <code>POST</code> call via jQuery's <code>$.ajax</code> method</li>
  <li>This AJAX call has a max timeout set as well as a couple of custom headers </li>
  <li>Chrome sends an <code>OPTIONS</code> request and gets a 200 response (as shown in the Network tab)</li>
  <li>After that, Chrome does NOT show an outgoing <code>POST</code> request in the Network tab and the AJAX call subsequently times out.</li>
  </ul>
  
  <p>Here is the odd part:</p>
  
  <ul>
  <li>Although the request is not listed in the Network tab, watching network traffic via WireShark clearly shows an outgoing request and immediate (successful) response from the server.</li>
  <li>This is limited to Chrome on Mac... all other browsers do not show this issue</li>
  <li>There are a few (very few) instances where Chrome on Mac does NOT display this issue, even though all Chrome versions are identical.</li>
  </ul>
  
  <p>Here is the JS snippet I am using: </p>
  
  <pre><code>$.ajax({
      "type":"POST",
      "cache":false,
      "dataType":"json",
      "url":"http://myserver.com/endpoint",
      "crossDomain":true,
      "xhrFields":{
          "withCredentials":true
      },
      "contentType":"application/x-www-form-urlencoded",
      "headers":{
          "X-Test-Header.valueA":"123",
          "X-Test-Header.valueB":"456"
      },
      "data":"a=something",
      "timeout":10000
  });
  </code></pre>
  
  <p>Any ideas what could cause this?</p>