I'm trying to do something which seems really simple -- putting a back button on a few pages of my JQuery mobile site using the native 'data-add-back-btn="true" attribute on the page div.

However, it's having behavior that can only be described as sporadic: some times it's on certain pages and sometimes it's not.

To clarify what I mean, I will open a sub-page (I'll call it 'resources') via a navbar item in the home screen, then open yet another page (I'll call this page 'counseling') from within it. The back button will be in both the resources page as well as the counseling page the first time I open them: however, once I use the back button to return to the resources page from the counseling page, it will not longer be on the resources page. If I continue to open the counseling page again, it will no longer be there, either.

In addition, there are times when there the button is not present initially, but then re-appears when I re-open the page later.

Any thoughts?