title: IE9 does not execute Ajax Request
body: <p>Seems like a fairly common problem, but after searching trough a stack of SO posts I'm still no closer, so here we go. </p>
  
  <p>IE9 refuses to execute my ajax call, it skips straight to the error function. No request is sent from the browser and no error is given in console, which makes the problem all that much harder to debug.</p>
  
  <p>I'm guessing the problem is very specific to IE9 as it works in Chrome, FF and even IE8.
  The POST request is cross domain, but fortunately I can modify whatever headers I want if someone thinks that will help.</p>
  
  <p><em>Note that I use polyfill for console.log(), even though as far as I know that should only affect &lt; IE8.</em></p>
  
  <p><strong>What I've tried</strong></p>
  
  <ul>
  <li>Adding cache:false </li>
  <li>Adding timestamp </li>
  <li>Adding contentType</li>
  <li>Sawing my computer in half</li>
  </ul>
  
  <p><strong>Code</strong></p>
  
  <pre><code>$.ajax({
      type: 'POST',
      url:
          'http://mydomain.com/api/path/' + someVar +
          '/additional/parameter/paths' +
          '?ts=' + new Date().getTime(),
      data: data,
      cache: false,
      contentType: 'application/json; charset=utf-8',
      dataType: 'json',
      success: function () {
          $('#contact-form-success').foundation('reveal', 'open');
      },
      error: function (xhr, status) {
          console.log('The request failed (XHR / Status)');
          console.log(xhr);
          console.log(status);
          $('#contact-form-error').foundation('reveal', 'open');
      },
      complete: function () {
          stopAnimateButton();
      }
  
  });
  </code></pre>