title: Phonegap - onDeviceReady() wasn't fired
body: <p>Please have a look and helps me resolve this issue. I have spent 2 days of headache. The function onDeviceReady never be called.
  Here is my codes:</p>
  
  <pre><code>    &lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8"&gt;
              &lt;title&gt;DemoSimpleControls&lt;/title&gt;
              &lt;meta name="viewport"
                  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"&gt;
                  &lt;link rel="shortcut icon" href="images/favicon.png"&gt;
                      &lt;link rel="apple-touch-icon" href="images/apple-touch-icon.png"&gt;
                          &lt;link href="jqueryMobile/jquery.mobile-1.3.0.css" rel="stylesheet"&gt;
                              &lt;link rel="stylesheet" href="css/DemoSimpleControls.css"&gt;
  
                                  &lt;script src="jqueryMobile/jquery.mobile-1.3.0.js"&gt;&lt;/script&gt;
                                  &lt;script src="../js/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
                                  &lt; script  type="text/javascript" charset="utf-8" src="../cordova-2.5.0.js"&gt;&lt;/script&gt;
                                  &lt;script type="text/javascript" charset="utf-8"&gt;
                                      $(document).ready(function() {
                                                        // Handler for .ready() called.
                                                        document.addEventListener("deviceready", onDeviceReady, true);
                                                        });
                                      $(function() {
                                        document.addEventListener("deviceready", onDeviceReady, true);
                                        });
                                      function onDeviceReady(){
                                          alert("ready");
                                          $("#mysavedData").html("XYZ");
                                          $("#mysavedData").html(window.localStorage.getItem("data"));
                                      }
  
                                  &lt;/script&gt;
                                  &lt;/head&gt;
  
      &lt;body id="content" onLoad="onLoad();" &gt;
          &lt;div data-role="page" id="page"&gt;
              &lt;div data-role="header" &gt;
                  &lt;a data-rel="back" href="#" &gt;Back&lt;/a&gt;
                  &lt;h1&gt;My page&lt;/h1&gt;
  
              &lt;/div&gt;
              &lt;div data-role="content" style="padding: 15px" data-theme="e"&gt;
                  &lt;div id="mysavedData"&gt;My data&lt;/div&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>