Problem CSS in loop when I using $.getJSON from external website

Problem CSS in loop when I using $.getJSON from external website

Hello, 

I can't resolve this problem since 2 weeks... 

After the get JSON I retrieve the data from the webService but when I try to display it,  the css of Jquery mobile CSS doesn't work IN THE LOOP. And after the loop its works. 

You can test this example, all is here.  You will  easily  undertand  the problem. 

  2. <!DOCTYPE html>
  3. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  4. <script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
  5. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
  6. <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
  7. <script type="text/javascript" src="javascript_code.js"></script>

  9. <body>

  11. <div data-role="page" >
  12. <div data-role="content" data-theme="c" id="content_">
  13.     <script>
  14. $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
  15.         function(data){
  16.           $.each(data.items, function(i,item){
  17.  /********function which execute code*******/
  18.             //$("<img/>").attr("src", item.media.m).appendTo("#content_");
  20.           });
  21. //When the loop is finished
  22. $('<p>Probleme of css  :<input type="text" id="mail" /></p><p>password :  <input type="password" id="password"/></p>').appendTo('#content_');
  23.         });
  24. $('<p>Form ok :<input type="text" id="mail" /></p><p>password :  <input type="password" id="password"/></p>').appendTo('#content_');
  25. </script> 
  26.  
  27. </div>

  29. <!-- /footer -->
  30. </div>
  31. </body>
  32. </html


Look the result, one work but not the second : 




Very thanks for your help !!