title: Jquery Ajax JSONP request not working on Chrome, works fine on FireFox
body: <p>I am using Jquery (and Jquery mobile) to make a mobile website..testing on desktop Chrome/Firefox.</p>
  
  <p>When on chrome the JSONP ajax never reaches the server (can see the server access logs). The same works fine on Firefox.</p>
  
  <p>Looking at firebug for chromes shows nothing on the console..no error/success nothing.</p>
  
  <p>Looking at chrome developer tool shows:</p>
  
  <blockquote>
    <p>Refused to load the script '<a href="http://example.com/radagast/backend/alatarHandler/test/getLocation.php?callback=jQuery1102014860787917859852_1430659361646&amp;_=1430659361647" rel="nofollow">http://example.com/radagast/backend/alatarHandler/test/getLocation.php?callback=jQuery1102014860787917859852_1430659361646&amp;_=1430659361647</a>' because it violates the following Content Security Policy directive: "default-src 'self' data: gap: <a href="https://ssl.gstatic.com" rel="nofollow">https://ssl.gstatic.com</a> 'unsafe-eval'". Note that 'script-src' was not explicitly set, so 'default-src' is used as a fallback.</p>
  </blockquote>
  
  <p>The code is:</p>
  
  <pre><code>var serverUrl = "http://example.com/radagast/backend/alatarHandler/test/getLocation.php";
  
      $.ajax({
      url: serverUrl,
      async: false,
      dataType: "jsonp",
      callback: 'callback',
      jsonpCallback: 'yourcallback',
      success: function (result) {
              alert('Ajax sucess ' + result);
              $("#message").html("location sent");
          }
  
      });
  </code></pre>