after load() styles are lost

after load() styles are lost

hi,

i am loading some content and placing it in a div. the content contains several different form elements, unfortunately jquery mobile doesn't update the styles. i have seen tons of articles and posts about that issues and none of them seem to help my case. what to do?

this is some of my html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>test</title>

  6. <link rel="stylesheet"  href="jquery.mobile-1.3.0/jquery.mobile-1.3.0.css">
  7. <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
  8. <script src="jquery.mobile-1.3.0/jquery.mobile-1.3.0.js"></script>

  10. <script>
  11. $(document).ready(function() {
  12. $("a.link1").click(function() {
  13. $("#here").load("fall2.html");
  14. $("#here").trigger("create");
  15. });
  16. });
  17. </script>
  18. </head>
  19. <body>
  20. <div data-role="page">

  22. <div data-role="panel" data-position="left" data-display="push" id="mypanel">
  23. <div class="ui-bar ui-bar-a">Topic</div>
  24. <div>
  25. <ul data-role="listview">
  26. <li><a class="link1" href="#fall_1">Fall 1</a></li>
  27. </ul>
  28. </div>
  29. </div>

  31. <div data-role="header" id="p_header">
  32. <h1>Test</h1>
  33. <a href="#mypanel" data-icon="bars" data-iconpos="notext">Navigation</a>
  34. </div>

  36. <div data-role="content" id="here" class="ui-grid-a">
  37. <div class="ui-block-a">
  38. text
  39. </div>
  40. <div class="ui-block-b">
  41. <fieldset data-role="controlgroup">
  42. <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked">
  43. <label for="radio-choice-1">1</label>
  44. <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2">
  45. <label for="radio-choice-2">2</label>
  46. <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3">
  47. <label for="radio-choice-3">3</label>
  48. <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4">
  49. <label for="radio-choice-4">4</label>
  50. </fieldset>
  51. </div>
  52. </div>
  53. </div>
  54. </body>
  55. </html>

what's wrong?

thank you for the help