title: Why does the first $.ajax error when passing a data object?
body: <p>I am not sure why the first <code>$.ajax()</code> errors.  I am trying to pass the url parameters as part of the ajax data property.  </p>
  
  <p>Here is a fiddle to see that the first ajax call fails while the second succeeds: <a href="http://jsfiddle.net/f9e5Y/" rel="nofollow">http://jsfiddle.net/f9e5Y/</a></p>
  
  <p>Here is the JavaScript:</p>
  
  <pre><code>var urlParameters = {
    page: 1,
    api_key:'...',
    tags: 'kittens',
    method: 'flickr.photos.search',
    per_page: 3,
    format: 'json',
    jsoncallback: '?'
  };
  
  $.ajax({
    url: 'http://api.flickr.com/services/rest',
    type: 'GET',
    dataType: 'json',
    data: urlParameters,
    success: function (data) {
      console.log('ajax 1 - success');
      console.log('data');
    },
    error: function () {
      console.log('ajax 1 - error');   
    }
  });
  
  $.ajax({
    url: 'http://api.flickr.com/services/rest/?page=1&amp;api_key=...&amp;tags=kitten&amp;method=flickr.photos.search&amp;per_page=3&amp;format=json&amp;jsoncallback=?',
    type: 'GET',
    dataType: 'json',
    success: function (data) {
      console.log('ajax 2 - success');
      console.log(data);
    },
    error: function () {
      console.log('ajax 2 - error');   
    }
  });
  </code></pre>