title: JQuery mobile persistent navbar (outside page div)
body: <p>I've got a navbar outside the page div in a footer (it is on every page) I tried to do a simple fix for the persistent active state of the navbar It worked for the tabs on one of the pages but does not seem to work for this.</p>
  
  <p>Actually, everything works except for some reason ui-btn-active does not get added</p>
  
  <p>Here is the code</p>
  
  <pre><code>$(document).one( "pageinit", function() {
    $('div[data-role="footer"] [data-role="navbar"] a').click(function(e) {
      $(this).html("abc");
      $('div[data-role="footer"] [data-role="navbar"] .ui-btn-active').removeClass('ui-btn-active ui-state-persist');
      $(this).addClass('ui-btn-active ui-state-persist');
  });
  </code></pre>
  
  <p>});</p>
  
  <p>The html of the anchor changes, ui-state-persist gets added on the last line but ui-btn-active just does not get added for some reason...</p>