title: Phonegap Navigation bar not working for multiple html pages
body: <p>I am working on multiple HTML page phoneGap application and i want to implement a navigation bar.</p>
  
  <p>I am using the following code for phoneGap <a href="https://github.com/phonegap/phonegap-plugins/tree/master/iOS/NavigationBar" rel="nofollow">navigation bar</a> implementation:</p>
  
  <p>In <code>index.html</code>, I have defined navigation bar like this:</p>
  
  <pre><code>function onDeviceReady() {
    plugins.navigationBar.init();
  
    // or .create("BlackOpaque") to apply a certain style
    plugins.navigationBar.create("BlackOpaque"); 
  
    plugins.navigationBar.setTitle("Home");
    plugins.navigationBar.hideLeftButton();
    plugins.navigationBar.hideRightButton();
    plugins.navigationBar.show();
  }
  </code></pre>
  
  <p>When i run app, it creates a nav bar at top of index page with title labelled as <code>HOME</code>, without left or right <code>navBarButton</code> as I don't need it in home page.</p>
  
  <p>But when I go to next HTML page <code>xyz.html</code> by clicking on a button, the <code>navBar</code> show same behaviour: <strong>i.e</strong> same Title without left and write button.</p>
  
  <p>But I want it to change the title for the currently loaded page and also insert <code>leftNavBarButton</code> label as back so that I can also go back to previous page.</p>
  
  <p>But it is not happening. I have also tried to write a script in <code>xyz.html</code> page that should change its title and put <code>leftNavBarButton</code> as back but not working.</p>
  
  <p>Its static throughout the app with same title and i am unable to go back to previous page. I want its behaviour to be global which changes with every page and maintain the state of previous pages as well! How can i do this?</p>