title: ajax cross domain request doesn't call callbacks
body: <p>I have been trying to use jquery to fiddle with cross domain requests but although the request succeeds the browser complains about not being able to parse the results. 
  I understand that JsonP has a callback parameter attached to it but all the questions on SO never clarify how the callbacks are actually called. 
  Could someone clarify how the callbacks from JsonP are executed and help me with this.</p>
  
  <pre><code>&lt;body&gt;
      &lt;ul id="tweets"&gt;Test&lt;/ul&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Javascript for this</p>
  
  <pre><code>        window.myCallback = function(data) {
              console.log(data);
              $("#tweets").append("&lt;div&gt;Hello&lt;/div&gt;");
          };
  
          $(document).ready(function(){
  
              $.ajax({
                url: 'http://www.netflix.com',
                type: 'GET',
                dataType: 'jsonp',
                jsonp: 'callback',
                jsonpCallback: 'myCallback',
                        contentType: 'text/html',
                      success: function (data) {
                          alert(data);
                      }
              });
  
          });
  </code></pre>
  
  <p>I also have a JsFiddle here <a href="http://jsfiddle.net/3yVC7/" rel="nofollow">http://jsfiddle.net/3yVC7/</a></p>
  
  <p>So in this example I just want to modify the "tweets" div when the callback is called but it never gets called. Any help will be really appreciated. Thanks so much.</p>