Why is my dynamic data loading and refresh not working?

Why is my dynamic data loading and refresh not working?

Hello,

I want to use jQuery load to load external data on my page and then let jQuery Mobile run over it again to apply themes etc with a trigger. The data is loaded fine, but it is not reskinned properly. I just put a small example together to demonstrate this, as my entire project is too big.

I have a.html:
  2. <!DOCTYPE html> 
  3. <html>
  4.       <head>
  5.       <meta charset="utf-8">
  6.       <meta name="viewport" content="width=device-width, initial-scale=1"> 
  7.       <title>Test</title>
  8.       <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  9.       <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  10.       <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
  11.     
  12.       <script>    
  13. function replaceData1() {
  14. $("#a-page").load("b.html");
  15. $("#a-page").trigger('create');
  16. }    
  17.     </script>
  18. </head> 
  19. <body> 

  21. <div data-role="page" id="a-page">
  22.             <div data-role="header" data-theme="a">Header A</div><!-- /header -->
  23.         
  24.             <div data-role="content" id="a-content">
  25.             Content A
  26.             <button onClick="replaceData1()">goto B</button>
  27.             </div><!-- /content -->

  29.             <div data-role="footer">Footer A</div><!-- /footer -->

  31.             </div><!-- /page -->
  32. </body>
  33. </html>

And I have b.html:

  2. <div data-role="header" data-theme="d">Header B</div><!-- /header -->
  3.         
  4.         <div data-role="content" id="b-content">Content B</div><!-- /content -->

  6.         <div data-role="footer">Footer B</div><!-- /footer -->

b.html is not a complete html file, just the content. I am not sure if this causes this issue or not.

Nevertheless, when I load a.html and click on the button, the contents from b.html is correctly loaded but not themed properly. Even if I execute trigger('create') later, it does not work. What did I do wrong? Can somebody please rewrite this, so that it works the way I intended it?