jquery copy div to div on page load
<p>Trying to do this on page load within same page:</p>

<p>CSS:</p>

<pre><code>#item1, #item2, #item3 {visibility: hidden;}
</code></pre>

<p>HTML (these will not be shown)</p>

<pre><code>&lt;div id="item1"&gt;Something1&lt;/div&gt; 
&lt;div id="item2"&gt;Something2&lt;/div&gt;
&lt;div id="item3"&gt;Something3&lt;/div&gt;
</code></pre>

<p>These div's will be empty normally, but after page loads they will be populated based on what is on the above div's.</p>

<pre><code>&lt;div id="real-content"&gt;
    &lt;div id="duplicate-item1"&gt;Something1&lt;/div&gt;
    &lt;div id="duplicate-item2"&gt;Something2&lt;/div&gt;
    &lt;div id="duplicate-item3"&gt;Something3&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Any ideas?</p>

<p>UPDATE:  I may try .clone() but will also look into the codes you guys posted below.  Thanks in advance..</p>

<p>Turns out .clone() is the solution.. </p>

<pre><code>$('.hello').clone().appendTo('.goodbye');
</code></pre>

<p>How can I take the .above and turn that into more global?  Say I have 20 div's that need cloning?</p>
