jQueryMobile - DOM nodes counter always increasing

jQueryMobile - DOM nodes counter always increasing

I've created a very simple test application using jQueryMobile. 
This application is composed of two pages: the 1st one only contains a button to navigate to the 2nd page. This 2nd page contains a list of 20 items and a button to navigate back to the 1st page. This application only use the jQuery (1.10.2) & jQueryMobile (1.4.2) code. No custom code was added.

Here is the code.

Page1.html
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Test app</title>
  5.         <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
  6.         <link type="text/css" href="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" />
  7.         <script type="text/javascript" src="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script> 
  8.     </head>
  9.     <body>
  10.         <div data-role="page" id="page1">
  11.             <h3>Page 1</h3>
  12.             <a href="page2.html" data-role="button">Go to page 2...</a>
  13.         </div>
  14.     </body>
  15. </html>

Page2.html
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Test app</title>
  5.         <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
  6.         <link type="text/css" href="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" />
  7.         <script type="text/javascript" src="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script> 
  8.     </head>
  9.     <body>
  10.     <div data-role="page" id="page2">
  11.         <h3>Page 2</h3>
  12.        
  13.         <ul data-role="listview" data-inset="true" data-theme="c">
  14.             <li><a href="#">Item text 1</a></li>
  15.             <li><a href="#">Item text 2</a></li>
  16.             <li><a href="#">Item text 3</a></li>
  17.             <li><a href="#">Item text 4</a></li>
  18.             ... 20 items declared here...
  19.             <li><a href="#">Item text 20</a></li>
  20.         </ul>

  22.         <a href="page1.html" data-role="button">Go back to page 1...</a>
  23.     </div>
  24.     </body>
  25. </html>

Using this small application, I did the following test in Google Chrome:
   1. Open Page1.html
   2. Navigate to Page2.html
   3. Navigate back to Page1.html
   4. Take a heap snapshot in the "Profiles" tab of dev tools
   5. Start memory analysis in the "Timeline" tab of dev tools
   6. Navigate to Page2.html
   7. Navigate back to Page1.html
   8. Repeat steps 6 and 7 ten times
   9. Take two heap snapshots in the "Profiles" tab of dev tools
   10. Stop memory analysis in the "Timeline" tab of dev tools

Here are the results:


By looking at the memory graph in the upper part of the image, it seems that the memory is correctly released when GC is run.
However, the "DOM nodes" and "Listeners" counters are never decreasing.

In the "Profiles" tab, if I select the last snapshot and filter only "Objects allocated between snapshot 1 and 2", it seems that the <ul> element of my 2nd page is still hanging in memory.


Could someone give me some explanations about these results?
Am I analysing this memory usage in the correct way?
Why is the DOM nodes counter never decreasing, even after GC?

Thanks in advance for your help.