title: Cordova + JqueryMobile: Ajax fails with
body: <p>(Have been at it for the last 6 hours)
  I am trying to make a phonegap/Cordova App. 
  I am not able to make an Ajax call via the Android emulator(API ver 22, Android > 4.4). The Ajax call works on Firefox desktop but fails even on the chrome browser (with the same exception as on the emulator)</p>
  
  <p>cordova --version
  5.0.0</p>
  
  <p>Code:</p>
  
  <pre><code>$.ajax({
      url: serverUrl,
      type: 'GET',
      contentType: "application/json",
      async: true,
      dataType: 'jsonp',
      callback: 'callback',
      jsonpCallback: 'yourcallback',
      crossDomain: true,
      success: function (result) {
              $("#message").html("location sent");
          },
          error: function (request, error) {
              alert('Error ' + error);
          }
      });
  </code></pre>
  
  <p>The Error I see is:</p>
  
  <p>On the chrome remote debugger:</p>
  
  <blockquote>
    <p>Refused to connect to '<a href="http://10.0.2.2/test/getLocation.php" rel="nofollow noreferrer">http://10.0.2.2/test/getLocation.php</a>' because
    it violates the following Content Security Policy directive:
    "default-src 'self' data: gap: <a href="https://ssl.gstatic.com" rel="nofollow noreferrer">https://ssl.gstatic.com</a> 'unsafe-eval'".
    Note that 'connect-src' was not explicitly set, so 'default-src' is
    used as a fallback.</p>
  </blockquote>
  
  <p>I have see all kinds of settings on blogs and posts but no use. Putting some here to remove the usual suspects.</p>
  
  <pre><code>$.support.cors = true;
  $.mobile.allowCrossDomainPages = true;
  </code></pre>
  
  <p>AppManifest has Internet access:</p>
  
  <pre><code>&lt;uses-permission android:name="android.permission.INTERNET" /&gt;
  </code></pre>
  
  <p>Config.xml:</p>
  
  <pre><code>&lt;access origin="*" /&gt; (have tried all variation, with putting actual server name here like "http://10.0.2.2" ).
  </code></pre>