I have a strange situation with the pages (data-role=page) which are stored in memory while navigating through the pages of a JQuery Mobile application. Please take a look at the attached sample HTML pages (HTML_pages.pdf).

• If I open index.html in my browser and take a look at the page elements using the debugger, I will see the corresponding div defined with the "page" data-role (see Debugger.pdf).
• Then, if I navigate to index2.html and take a look again into the debugger, I can see two div elements having the "page" data role.
• Finally, if I navigate to index3.html and take a look to the debugger, I can now see that the second div was replaced by the one of the newly loaded page but the first one is still remaining in place...

I though that when we are navigating to another page, the content of the current div having the data-role "page" is replaced by the one of the new page. Am I doing something wrong?

Thanks in advance for your help! :)