title: AJAX in Chrome sending OPTIONS instead of GET/POST/PUT/DELETE?
body: <p>I am working on an internal web application at work. In IE10 the requests work fine, but in Chrome all the AJAX requests (which there are many) are sent using OPTIONS instead of whatever defined method I give it. Technically my requests are "cross domain." The site is served on localhost:6120 and the service I'm making AJAX requests to is on 57124. <a href="http://bugs.jquery.com/ticket/4690">This closed jquery bug</a> defines the issue, but not a real fix.</p>
  
  <p>What can I do to use the proper http method in ajax requests?</p>
  
  <p>Edit:</p>
  
  <p>This is in the document load of every page:</p>
  
  <pre><code>jQuery.support.cors = true;
  </code></pre>
  
  <p>And every AJAX is built similarly:</p>
  
  <pre><code>var url = 'http://localhost:57124/My/Rest/Call';
  $.ajax({
      url: url,
      dataType: "json",
      data: json,
      async: true,
      cache: false,
      timeout: 30000,
      headers: { "x-li-format": "json", "X-UserName": userName },
      success: function (data) {
          // my success stuff
      },
      error: function (request, status, error) {
          // my error stuff
      },
      type: "POST"
  });
  </code></pre>