title: Conflict between .show() and .append() in JQuery
body: <p>I have a div with <code>id="poidiv"</code> whose <code>display</code> is <code>'none'</code> initially. Now I want to load it more than once with a loop (the max value of the loop is dynamic). I tried it with JQuery <code>.append().clone()</code>.  </p>
  
  <p>Here is the example code--  </p>
  
  <pre><code>$(document).ready(function(){  
  
      $("#levelnext").click(function(){
          for(i=1; i&lt;=level; i++){  
              $("#leveldiv").append($("#poidiv").clone().removeAttr("id"));
          }
      });
  });
  </code></pre>
  
  <p>But because the <code>display</code> of <code>"poidiv"</code> was initially <code>'none'</code>, it does not appear with this piece of code. Now if I want to show it with <code>.show()</code> before the loop starts, the loop is not working in a good manner. What might be a good solution in this situation?</p>