I want to develop a single page app using jQuery mobile, and want to have a menu on the side (similar to the Facebook app for iPhone). This side menu needs to stay static on the page, and only the main content of the page change when the links are clicked.
i.e. I want to have a <div> outside of the data-role="page" that still has jQuery Mobile controls in it, but doesn't change with the page content.
If I try doing just that, I cannot find any way to apply the jQuery Mobile styling to the controls in the side menu.
I have put together my example here (I have left out the hiding of the side bar, for simplicity, as that is easy with CSS animation): http://jsfiddle.net/ka6pz/5/