title: No pagechange event firing
body: <p>In jQuery mobile, I am trying to detect a successful page change to a specific page. I have the following code, inline on the page I want to load. </p>
  
  <pre><code>&lt;script&gt;
       $(document).bind( "pagebeforechange", function( e, data ) {
              alert("pagebeforechange");   
          });
  
          $(document).bind( "pagechange", function( e, data ) {
              alert("pagechange");   
          });
          $(document).bind( "pagechangefailed", function( e, data ) {
              alert("pagechangefailed");   
          });
         $(document).live( "pagebeforechange", function( e, data ) {
              alert("pagebeforechange live");   
          });
  
          $(document).live( "pagechange", function( e, data ) {
              alert("pagechange live");   
          });
          $(document).live( "pagechangefailed", function( e, data ) {
              alert("pagechangefailed live");   
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>I get the the appropriate alerts when loading the page directly, or refreshing, but not when navigating from another area in the Jquery Mobile app.</p>
  
  <p>Page is called by the the "Your Car" Tab in the footer</p>
  
  <pre><code>&lt;div  id="footer" data-role="footer" data-position="fixed"&gt; 
      &lt;div data-role="navbar"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="index.html"&gt;Features&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="about.html"&gt;Your Car&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="index.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>