title: Uncaught SyntaxError: Unexpected token : & invalid label errors
body: <p>I am trying to make an ajax call and it returns something like, a JSON object; </p>
  
  <pre><code>{
  id: 6,
  success: "true"
  }
  </code></pre>
  
  <p>My ajax call is :</p>
  
  <pre><code>window.foobar = function(foo){
      $.ajax({
              url: "http://foobar.com/sites/foo/",
              dataType: "jsonp",
              success: function (data) {
          alert(data);
              },
              error: function () {
              }
          });
  }
  </code></pre>
  
  <p>This ajax call is cross site call.
  On <code>chrome</code> it gives:  <code>Uncaught SyntaxError: Unexpected token :</code>
  On <code>firefox</code> it gives: </p>
  
  <pre><code>invalid label
  http://localhost:8080/sites/foo/?callback=jsonp1324336100888&amp;_=1324336100894
  Line 1
  </code></pre>
  
  <p>But when I calling from the <code>same domain</code> it works fine.</p>