put content of div1 into div2 onclick event
<p>I have two divs as follows: </p>

<pre><code>&lt;div id='div1'&gt;
    &lt;p&gt;Hello world!&lt;/p&gt;
&lt;/div&gt;

&lt;div id='div2'&gt;

&lt;/div&gt;

&lt;a id='test' href='javascript:void()'&gt;Click me to fill in div2&lt;/a&gt;
</code></pre>

<p>I have been wondering what should be the best way to fill in div2 with the content of div1 onclick using jquery in order to have </p>

<pre><code>&lt;div id='div1'&gt;
        &lt;p&gt;Hello world!&lt;/p&gt;
    &lt;/div&gt;
</code></pre>
