How to activate ajax-get injected html in jqm?

How to activate ajax-get injected html in jqm?

Hi,

in my jqm webapp i have the following problem:
i want to refresh my data-role page very x seconds. the refresh itself works fine, but its not in jqm-style.

here my index.php:

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8" />
  6. <title>Test App</title>
  7. <link rel="stylesheet" href="css/jquery.mobile-1.0a4.min.css" />
  8. <link rel="stylesheet" href="css/mymobile.css" />
  9. <script src="js/jquery-1.5.1.min.js"></script>
  10. <script type="text/javascript" src="js/mymobile.js"></script>
  11. <script type="text/javascript" src="js/jquery.ba-dotimeout.min.js"></script>
  12. <script src="js/jquery.mobile-1.0a4.min.js"></script>
  13. </head> 
  14. <body>
  15. <div data-role="page" data-theme="b" id="result">
  17. <?php require('refresh.php'); ?>
  19. </div>
  20. </body>
  21. </html>

here my refresh.php:

  2. <div data-role="header">
  3. <h1>Test App <?php echo date('H:i:s');?> <div class="ui-icon-loading"></div></h1>
  4. </div>
  5.  
  6. <div data-role="content">
  7. <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
  8. <li data-role="list-divider">Systems</li>
  9. <li class='status ok'>Heartbeats</li>
  10. <li class='status info2'>Alerts</li>
  11. <li class='status seriouserror'>SLA</li>
  12. <li class='status warning'>autom. Tickets</li>
  13. </ul>
  15. <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
  16. <li data-role="list-divider">Customer</li>
  17. <li class='status ok'>Kellogs</li>
  18. <li class='status warning'>Pepsi Cola</li>
  19. <li class='status ok'>Audi</li>
  20. <li class='status ok'>BMW</li> 
  21. <li class='status ok'>Apple</li>
  22. </ul>
  23. </div>
and here ist my mymobile.js for timeinitiated refresh:


  3. $(document).ready(function() {        
  5. $.doTimeout( 5000, function(){
  6. refresh();
  7. return true;
  8. });
  9.  
  10.  
  11.   function refresh() {
  12. $(".ui-icon-loading").fadeIn();
  14. $.get("refresh.php", {  },
  15. function(data){
  16.   $('#result').html(data);
  17.   $(".ui-icon-loading").fadeOut();
  18. });
  19. }
  20. });

for a live-demo check it out here: http://gentschi.de/testapp

I tried a lot, but i dont get it work correctly! 
the first appearance is correct, but after 5 seconds, when it refreshs the page no jqm-style is available.

Any ideas?

Thanks for that & cheers
gentschi