title: jQuery Mobile $.mobile.changePage()
body: <p>I have a problem regarding $.mobile.changePage(); I have this select control that serves as a Jump To Page controller. The code is written below:</p>
  
  <pre><code>$( document ).one( "pagechange", function() {
      $("#jumptopage").bind("change", function(){
          var val = $(this).val();
          $.mobile.changePage( "http://localhost/mchild/dashboard/videos/all/20/" + val, {reloadPage : "true",transition: "fade", allowSamePageTransition : "true"} );
          return false;
      });
  });
  </code></pre>
  
  <p>Now this code works the first time; but as I jump to another page it causes jQuery Mobile to jitter back and forth to current page and previous page that was loaded before, or in other cases the bind() wont work anymore.</p>
  
  <p>I tried to log the activity by adding</p>
  
  <pre><code>console.log('i was triggered')
  </code></pre>
  
  <p>inside the $( document ).one().... right after the bind statement and it still fires except for the bind.</p>
  
  <p>I'm not sure if I did something wrong... please help...</p>