title: ajax post returns Object { readyState=0, status=0, statusText="error"}
body: <p>I have a json string with me {offer.offer.offerId.USSellerId: {$gt: 50}}. All i wanted to do was to call a POST REST Service with this json query as payload and get the returned JSON.</p>
  
  <p>I was able to call that service using chrome advanced rest client and I get the data back. But my problem is when I tried to call this service using below line of code  I get the following errors</p>
  
  <pre><code>    $.ajax({
          url:"http://10.242.172.12:8080/cqs/services/services/cqs/search",
          Accept: "application/json",
          type: "POST",
          contentType: "application/json",
          data: {"offer.offer.offerId.USSellerId": {"$gt": 50}},
          async:true,
          crossDomain: true,
          always: function(data, textStatus, errorThrown) {
           console.log(data)
           console.log(textStatus)
          },
          success: function (data) {
              console.log(data)
              alert(data);
          },
          error: function (data, status, err) {
              console.log(data)
              console.log(status)
              console.log(err)
          }
      });
  </code></pre>
  
  <p>I see the following in the console:</p>
  
  <p>Object { readyState=0, status=0, statusText="error"}
  error
  emptry string..</p>
  
  <p>I could not understand anything from this error. When i did google this error, many suggestion tell that it could be cross browser problem. I have no control over server side code.</p>
  
  <p>How can i fix that cross browser error from client side?</p>