Im new to Jquery Mobile and developing an Android App. The app has a persistent header which was simple enough to implement using  data-id="head1" data-position="fixed" in each of the header divs of the different pages. 

Im not using separate html files for the pages but rather, different page ids in the one html file.

When testing in Chrome and the Samsung 10" tab running Android 4.04 it all works great. Clicking on the different nav buttons (or tabs) changes pages without the nav bar disappearing then reloading.

However testing it on a Nexus phone running 4.1.1 the nav bar disappears and reloads along with the page disappearing the loading.  In other words it is not being persistent. 

Any ideas on what could be the cause?

Thank you