Selectmnenu repeated nesting

Selectmnenu repeated nesting

I have a selectmenu in a page and I want to save the page and use it offline.  However, when I view the saved page the selectmenu has been nested in a button(?) Further attempts to save the subsequent page result in deeper nests being created.  Why would this be so?  Any help gratefully received.  Here is my code:

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>Error Test</title>
  6. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  7. <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.0/jquery.mobile.min.css" />
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.0/jquery.mobile.min.js"></script>
  9. </head>
  10. <body>
  11. <div id="page" data-role="page">
  12. <form>
  13. <label for="section-jump">Show Section</label>
  14. <select id="section-jump" name="section-jump">
  15. <option value="1">One</option>
  16. <option value="1">Two</option>
  17. </select>
  18. </form>
  19. </div>
  20. </body>
  21. </html>