title: Android Cordova2.3 -jquery ajax($.support.cors = true) not working(same request works on chrome browser)
body: <p>I have read about this issue and have tried every possible solution online but nothing worked..
  Here is my html code...</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;head&gt;
  &lt;link rel="stylesheet" href="jquery.mobile-1.2.0.min.css" /&gt;
  &lt;script src="jquery-1.8.2.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  $( document ).bind( "mobileinit", function() {
      // Make your jQuery Mobile framework configuration changes here!
      console.log("made cors changes");
      //$.mobile.ajaxEnabled = true;
      $.support.cors = true;
      $.mobile.allowCrossDomainPages = true;
  
  });
  &lt;/script&gt;
  &lt;script src="cordova-2.3.0.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.mobile-1.2.0.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div data-role="page" id="page1"&gt;
      &lt;div data-theme="a" data-role="header" data-position="fixed" &gt;
          &lt;h4&gt;
              JLT
          &lt;/h4&gt;
  
      &lt;/div&gt;
      &lt;div data-role="content" &gt;
  
          &lt;p&gt;
          Send data to server?
          &lt;/p&gt;
          &lt;a data-role="button" id="transportYES" data-inline="true"&gt;
              Yes
          &lt;/a&gt;
          &lt;a data-role="button" id="transportNO" data-inline="true"&gt;
              No
          &lt;/a&gt;
  
  
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script&gt;
  
  $( "#transportYES" ).bind( "click", function(event, ui) {
    console.log('clicked');
  
  
      $.ajax({
     type: "GET",
     url: "http://api.wordnik.com//v4/word.json/recant/definitions",
     data: "includeRelated=false&amp;includeTags=false&amp;useCanonical=false&amp;api_key=7741b711eec09c12e05070046d60da6b92e03750359859fde",
     dataType: "json",
     beforeSend:function(){
     console.log('before sending');
     },
     success: function(msg){
       alert( msg[0].word );
     },
     error: function(xhr, ajaxOptions, thrownError){
     console.log(xhr);
  
       alert( 'error' );
     }
   });
  
  
  });
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If i run this code from chrome i get the response from the server, but when packaged with phonegap it doesnt work from the android emulator..
  I have even allowed all domain as follows  <code>&lt;access origin=".*"/&gt;</code> in the config.xml file..
  Have been stuck on this issue for a long time..please help..!!!!</p>
  
  <p>It works on the device the problem was on the emulator.....couldn't get hold of a testing device earlier.. could have saved so much time...... :)</p>