title: Phonegap not calling deviceReady on iOS
body: <p>I have a perfectly functioning phonegap application running on droid devices.  However, when I move things over to iOS, the <code>deviceReady</code> method never fires.</p>
  
  <p><strong>HTML HEADER</strong></p>
  
  <pre><code>&lt;head&gt;
  &lt;meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi' name='viewport' /&gt;
  &lt;meta charset='utf-8' /&gt;
  &lt;link href='stylesheets/application.css' rel='stylesheet' /&gt;
  &lt;link href='http://code.jquery.com/mobile/1.0rc2/jquery.mobile.structure-1.0rc2.min.css' rel='stylesheet' /&gt;
  &lt;link href='stylesheets/application.css' rel='stylesheet' /&gt;
  &lt;script src='http://code.jquery.com/jquery-1.6.4.min.js'&gt;&lt;/script&gt;
  &lt;script src='http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js'&gt;&lt;/script&gt;
  &lt;script src='javascripts/application.js'&gt;&lt;/script&gt;
  &lt;script src='javascripts/phonegap-1.2.0.js'&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>application.js</strong></p>
  
  <pre><code>$(function() {
    document.addEventListener("deviceready", function(){alert(2)}, false);
  });
  </code></pre>
  
  <p>If I stick an alert function in <code>$(function(){})</code> it fires, so I know jquery and application.js have loaded.  An <code>alert()</code> in phonegap.js also fires, confirming that that has also loaded.</p>