dialog and load() in ie8

dialog and load() in ie8

I have a page (test.html) with a link to a dialog (dialog.html), that then loads a listview (list.html). This works in all browsers except ie7 and ie8. If I then make the dialog a separate page (test2.html) it loads the list fine in ie7 and ie8.

Any suggestions/solutions?
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Two minimal/simplified examples that represents my problem:
https://zero3.dk/guru/testing/test.html
https://zero3.dk/guru/testing/test2.html

test.html
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>test</title>
  6. <link rel="stylesheet" href="styles/jquery.mobile-1.2.0.min.css" type="text/css">  
  7. <script type="text/javascript" src="scripts/jquery-1.8.2.min.js"></script>
  8. <script type="text/javascript" src="scripts/jquery.mobile-1.2.0.min.js"></script>
  9. </head>
  10. <body>
  11. <a href="dialog.html">Open dialog</a>
  12. </body>
  13. </html>

dialog.html
  2. <div data-role="dialog">
  3. <script>
  4. $('#lp-list').load('list.html',function(){
  5. $(this).trigger("create");
  6. });
  7. </script>
  8. <div data-role="header" data-theme="b">
  9. <h1>Lokationsvælger</h1>
  10. </div>
  11. <div data-role="content" id="lp-list">
  12. </div>
  13. </div>

list.html
  2. <ul data-role="listview">
  3. <li>First</li>
  4. <li>Second</li>
  5. <li>Third</li>
  6. </ul>

test2.html
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>test</title>
  6. <link rel="stylesheet" href="styles/jquery.mobile-1.2.0.min.css" type="text/css">  
  7. <script type="text/javascript" src="scripts/jquery-1.8.2.min.js"></script>
  8. <script type="text/javascript" src="scripts/jquery.mobile-1.2.0.min.js"></script>
  9. <script>
  10. console.log("1");
  11. </script>
  12. </head>
  13. <body>
  14. <div data-role="dialog">
  15. <script>
  16. $('#lp-list').load('list.html',function(){
  17. $(this).trigger("create");
  18. });
  19. </script>
  20. <div data-role="header" data-theme="b">
  21. <h1>Lokationsvælger</h1>
  22. </div>
  23. <div data-role="content" id="lp-list">
  24. </div>
  25. </div>
  26. </body>
  27. </html>