data-role style lost after .load()

data-role style lost after .load()

hello,

after a reload of a div by using .load() the data-role mobile style is lost :-(
i use this code:

  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <link href="../js/jquery.mobile-1.0a3/jquery.mobile-1.0a3.css" rel="stylesheet" type="text/css" />
  7. <script type="text/javascript" src="../js/jquery.js"></script>
  8. <script type="text/javascript" src="../js/jquery.mobile-1.0a3/jquery.mobile-1.0a3.js"></script>   
  9. </head>

  11. <body>

  13. <div data-role="page">
  14.     
  15.         <div data-role="content">
  16.         
  17.          <div id="mitte" style="width:500px; height:500px; margin:0 auto; border:5px solid black;">
  18.             
  20.                 
  21.             </div>
  22.             
  23.             <a id="laden" data-role="button">laden</a>
  24.             
  25.             <script type="text/javascript">

  27. $('#laden').click(function() {
  28. $('#mitte').load('test.php');
  29. });
  31.             </script>
  32.             
  33. </div>
  34.         
  35. </div>
  36.     
  37.     
  38. </body>
  39. </html>

and this is the sorce of test.php

  2. <div data-role="collapsible" data-collapsed="true">
  3. <h3>test</h3>
  4. text....
  5. </div>
anybody an idea?