title: PhoneGap and JQuery mobile issue loading the page (yet another "Access-Control-Allow-Origin")
body: <p>I have the following code using PhoneGap and JQuery Mobile:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=320; user-scalable=no" /&gt;
  &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Test RSS&lt;/title&gt;
  
  &lt;script type="text/javascript" charset="utf-8" src="jquery.mobile/jquery-1.7.2.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" charset="utf-8" src="jquery.mobile/jquery.mobile-1.1.1.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.1.css" /&gt;
  
  &lt;script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" charset="utf-8"&gt;
      var onDeviceReady = function() {
          ... //some code
  
          $("#homePage").live("pageinit", function() {
  
              ... //some more code
  
          });
      };
  
      function init() {
          document.addEventListener("deviceready", onDeviceReady, true);
      }
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body onload="init();" id="stage" class="theme"&gt;
  
  &lt;div data-role="page" id="homePage"&gt;
      &lt;div data-role="header"&gt;
          &lt;h1&gt;&lt;/h1&gt;
      &lt;/div&gt;
  
      &lt;div data-role="content"&gt;
          &lt;ul id="linkList" data-role="listview" data-inset="true"&gt;&lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div data-role="footer"&gt;
          &lt;h6&gt;Market Bytes by @toddysm&lt;/h6&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div data-role="page" id="contentPage"&gt;
      &lt;div data-role="header"&gt;
          &lt;a href="#homePage" data-rel="back"&gt;Home&lt;/a&gt;
          &lt;h1&gt;&lt;/h1&gt;
      &lt;/div&gt;
  
      &lt;div data-role="content" id="entryText"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>For some reason though I see the following error when $("#homePage").live("pageinit", function() is executed:
      <em>XMLHttpRequest cannot load http://127.0.0.1:44104/[some-GUID]. Origin null is not allowed by Access-Control-Allow-Origin</em>
  The thing is that I am not trying to load a separate page and the suggestions I found so far don't work.</p>
  
  <p>Any ideas what the solution is?</p>