Getting data-prefetch to work like a multipage html does

Getting data-prefetch to work like a multipage html does

I am taking the advice of the experts here and dividing my multipage html file into separate single page html files but.........

I cannot get  data-dom-cache  and  data-prefetch  to work as a multipage does. For instance, one of my pages, the location page, has several input boxes that when clicked open a dialog box for the user to input data. In the multipage html this works perfectly, but after splitting the pages into single html's and pre-fetching the location page (and supposedly caching the DOM), the dialogs do not work. If I reload the page via the browser then the dialog boxes work. I have:
Copy code
  1. <a href="lwLocpage.html" data-prefetch>Locs</a>
in the first page and:
Copy code
  1. <div data-role="page" id="locpage" data-dom-cache="true">
in the second page, as per  http://jquerymobile.com/demos/1.2.0/docs/pages/page-cache.html

I am using jquery.mobile-1.3.0.min.js.