title: jQuery ajax and getJSON requests hitting access-control-allow-origin issues
body: <p>I'm attempting to grab a file from a different server using jquery's <code>$.ajax</code> or <code>$.getJSON</code>, but I'm hitting the <code>access-control-allow-origin</code> wall, and the jsonp options don't seem to work for me.</p>
  
  <p>The site is using jQuery 1.5.1.</p>
  
  <p>Here are my three tests:</p>
  
  <p>Using basic $.ajax, the url requested never has <code>?callback=?</code> appended:</p>
  
  <pre><code>$.ajax({
      url: url,
      datatype: 'jsonp',
      error: function(){console.log('error');},
      success: function(){console.log('success');}
  });
  </code></pre>
  
  <p>Using basic $.ajax with an attempted hack, still get cross-site issues:</p>
  
  <pre><code>$.ajax({
      url: url + '.jsonp?callback=?',
      datatype: 'jsonp',
      error: function(){console.log('error');},
      success: function(){console.log('success');}
  });
  </code></pre>
  
  <p>Using $.getJSON, beats the cross site issues, but the error case is never triggered:</p>
  
  <pre><code>$.getJSON(url + '?callback=?',
      function(data){
          console.log('success');
      })
      .error(function(){
          console.log('error');
      })
      .success(function(){
          console.log('success!');
      });
  </code></pre>
  
  <p>Anyone see what I'm doing wrong? In the end, I'm trying to test to see if the url exists, and do something on error if it doesn't.</p>
  
  <p><strong>Edit</strong>: The url I'm attempting to access does not exist. I'm expecting the error case to be triggered. </p>