title: How to initialize pages in jquery mobile? pageinit not firing
body: <p>What's the right way to initialize objects on a jquery mobile page?  The <a href="http://jquerymobile.com/test/docs/api/events.html">events docs</a> say to use "<code>pageInit()</code>" with no examples of that function, but give examples of binding to the "<code>pageinit</code>" method (note case difference).  However, I don't see the event firing at all in this simple test page:</p>
  
  <pre><code>&lt;html&gt;
   &lt;body&gt;  
    &lt;script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"&gt;&lt;/script&gt;  
    &lt;script type="text/javascript" charset="utf-8" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"&gt;&lt;/script&gt;
  
    &lt;div data-role="page" id="myPage"&gt;
      test
    &lt;/div&gt;
  
    &lt;script&gt;
      $("#myPage").live('pageinit',function() {
          alert("This never happens");
      });
    &lt;/script&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What am I missing?  I should add that if you change <code>pageinit</code> to another event like <code>pagecreate</code> this code works.</p>
  
  <p>---- UPDATE ----</p>
  
  <p>This <a href="https://github.com/jquery/jquery-mobile/issues/2540">bug</a> is marked as "closed" in the JQM issue tracker.  Apparently opinions differ about whether this is working properly or not.</p>