how can I prevent the user leaving the page when hitting the browser back button in Jquery Mobile?
===

Just wondering. 

I have a page in Jquery Mobile which uses a popup that opens as a fullscreen page on smartphone displays:

Desktop/Tablet:

![enter image description here][1]

Smartphone:

![enter image description here][2]

Problem is, if the user views the page on smartphone, this looks like a real page. When the user hits the "back" button I provide, I'm just closing the popover. However, if the user hits the browser back button, he's leaving the page, because he never went a page down in the history.

**Question:**  
Since I can't disable the browser back button, is there another way to create a browser history entry when the popover opens, so when the user presses the back button, I'm simply closing the popover and the browser history is back on the initial page vs. going "-1". If there are other workarounds to achieve this I'd also appreciate any suggestions.

Thanks!



  [1]: http://i.stack.imgur.com/lfqBt.jpg
  [2]: http://i.stack.imgur.com/HhSz1.jpg