title: jQuery cross domain AJAX request fails with XMLHttpRequest cannot load error
body: <p>I thought I was doing this right but I'm getting the following error in Chrome's JavaScript console:</p>
  
  <pre><code>XMLHttpRequest cannot load https://www.google.com/ig/calculator?hl=en&amp;q=1USD=?JPY. 
  Origin  is not allowed by Access-Control-Allow-Origin. 
  </code></pre>
  
  <p>Any way I try and load the result through JQuery throws this error.</p>
  
  <pre><code>$.ajax({
      type: 'GET',
      url: 'https://www.google.com/ig/calculator?hl=en&amp;q=1USD=?JPY',
      crossDomain: true
  })
  .fail(function() { alert('error'); })
  .success(function(data) { alert(data); })
  ;
  $.get('https://www.google.com/ig/calculator?hl=en&amp;q=1USD=?JPY', function(data) {
      alert(data);
  });
  $("#test").load('https://www.google.com/ig/calculator?hl=en&amp;q=1USD=?JPY', function(data) {
      alert(data);
  });
  </code></pre>
  
  <p>Even specifying crossDomain to true the AJAX call still fails.</p>
  
  <p>Any idea why or is there a better way to retrieve the results?</p>
  
  <p>Thanks.</p>