title: jQuery ajax jsonp call always get unexpected token error
body: <p>I've been wasting a great deal of time for something I think is so simple, yet there are no good examples that illustrate how and what the ajax call is doing.</p>
  
  <p>This is my javascript code: </p>
  
  <pre><code>$.ajax({
  type: 'GET',
  url: 'https://maps.googleapis.com/maps/api/timezone/json',
  dataType: 'jsonp',
  data: {
      location: myLoc,
      timestamp: myTime,
      sensor: true
  },
  success: function(){alert('OK');},
  error: function(){alert('FAIL');}
  })
  }
  </code></pre>
  
  <p>The variables "myLoc" and "myTime" are not the problem. In fact if I cut and paste the URI into my browser it works just fine and shows the data: <a href="https://maps.googleapis.com/maps/api/timezone/json?callback=jQuery18307430207263678312_1354817349576&amp;location=36.7468422%2C-119.7725868&amp;timestamp=1354817353&amp;sensor=true&amp;_=1354817353398" rel="nofollow">https://maps.googleapis.com/maps/api/timezone/json?callback=jQuery18307430207263678312_1354817349576&amp;location=36.7468422%2C-119.7725868&amp;timestamp=1354817353&amp;sensor=true&amp;_=1354817353398</a></p>
  
  <p>From what i've been reading, the "callback" parameter is automagically generated and somehow the code should be smart enough to call the success function or error function.</p>
  
  <p>The error that chrome returns is "Uncaught syntax error unexpected token ':'"
  The javascript code always calls the error function no matter what I try. I added a jsonpCallback parameter (didn't work), json parameter (didn't work), changed dataType to "json" (didn't work due to cross domain error).</p>
  
  <p>Please help.</p>