title: IE 8+ XDomainRequest 'post' not working
body: <p>I am using jQuery.XDomainRequest.js (https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest) to support ajax requests in IE.</p>
  
  <p>It works great for my GET request but the POST is not working, it returns a 500.
  (I checked, it works in other browsers so its XDR specific problem).</p>
  
  <p>My ajax call looks like:</p>
  
  <pre><code>var contact = {};
  contact.firstName = "ABC"; 
  
  jQuery.ajax({
       type:  'POST',
       url:   contactDetailsUrl,
       data:  contact,
       dataType: 'json',
       success: function(data) {
                  callback(true);
                },
       error: function(data) {
                  alert('Currently having trouble posting.');
                  callback(false);
              }
  });
  </code></pre>
  
  <p>This is my 1st encounter with XDomainRequest, I did some research of my own, but I have no clue why is this failing.</p>
  
  <p>Thanks in advance for your help!!!</p>
  
  <p>EDIT: I did some debugging.</p>
  
  <p>My test url = "http:/myserver/test/index.php?key=123" (This makes a cross-domain request)</p>
  
  <p>I printed json_encode($_GET) , I get : {"key":"123"}
  I printed json_encodee($_POST), I get : [].</p>
  
  <p>Clearly my post data is not being sent.</p>
  
  <p>This is the line that sends my data:</p>
  
  <pre><code>xdr.send(postData);
  </code></pre>
  
  <p>postData looks somethings like:</p>
  
  <pre><code>"firstName=ABC"
  </code></pre>
  
  <p>My headers in the php code look like :</p>
  
  <pre><code>header('Access-Control-Allow-Origin: *');
  header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
  header('Access-Control-Max-Age: 1000');
  header('Access-Control-Allow-Headers: Content-Type');
  </code></pre>