title: stop jQuery mobile from caching dynamic page
body: <p>With jQuery mobile I'm using a dynamic 'page' template with custom content inserted depending on user input.</p>
  
  <p>It all works, but once the page is created once it's cached and won't display the new values if you go back and make a new selection. I've tried applying the following fix:</p>
  
  <pre><code>$('#instrument').bind('pagehide', function(){
    $(this).remove();
  });
  </code></pre>
  
  <p>Which does remove the page, but if you try to navigate back to that page it won't re-initialize and I'll just keep getting pushed back to the beginning of my app.</p>
  
  <p>The dynamic content has to be added to the page using <code>pagebeforecreate</code> (the actual HTML doesn't seem important, so I won't include it here) otherwise it won't be formatted. If I use <code>pagebeforeshow</code> the content will not be formatted, but it WILL change if you go back and make a new selection.</p>
  
  <p>I realize that <code>pagebeforecreate</code> will cache the page, but it doesn't appear that I can use any other method due to the content not formatting :(</p>
  
  <p>I can't for the life of me figure out a fix!</p>