title: jquerymobile pages and Phonegap deviceready event onLoad
body: <p>I know this has been discussed before, but with no results for me.</p>
  
  <p>The problem is that deviceready() is only fired once, the first time on "list" page. I can´t get it to work on article pages. And when I go back from a "article" page to "articlelist" the event is still out of work. I need the menubutton operative in every data-role="page".</p>
  
  <p>The js:</p>
  
  <pre><code> &lt;script type='text/javascript'&gt;
   function onLoad() {
      document.addEventListener("deviceready", onDeviceReady, false); 
   }
  
  
   function onDeviceReady() {
     document.addEventListener("menubutton", onMenuKeyDown, false);       
    }
  
     function onMenuKeyDown() {
      alert('Menu pressed');
      }
   &lt;/script&gt;
  </code></pre>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;body onload="onLoad()"&gt;
   &lt;div id="list" data-role="page"&gt;
     &lt;ul id="articleList" data-role="listview"&gt;
      &lt;li id="list1"&gt;&lt;a id="link1" href="#article1"&gt;&lt;/li&gt;  
      &lt;li id="list2"&gt;&lt;a id="link1" href="#article2"&gt;&lt;/li&gt;  
     &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="article1" data-role="page"&gt;Content&lt;/div&gt;
  &lt;div id="article2" data-role="page"&gt;Content&lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I'm with: cordova-1.5.0 /jquery.mobile-1.1.0-rc.2 /jquery-1.7.1 /Android</p>
  
  <p>Any help please?</p>