How to add divs inside a div using jquery
<p><br>
I am trying to insert a div inside another div using add() of jquery but it is not working</p>

<pre><code>&lt;div class="column" id="col1"&gt;
    &lt;div class="portlet" id="panel1"&gt;
        &lt;div class="portlet-header"&gt;1.Feeds&lt;/div&gt;
        &lt;div class="portlet-content"&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="portlet" id="panel2"&gt;
        &lt;div class="portlet-header"&gt;2.News&lt;/div&gt;

        &lt;div class="portlet-content"&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="column" id="col2"&gt;
    &lt;div class="portlet" id="panel3"&gt;
        &lt;div class="portlet-header"&gt;3.Shopping&lt;/div&gt;
        &lt;div class="portlet-content"&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Actually panel1 and panel2 are inside a div, and panel3 is inside another div.I want to remove panel3 from its div and place it between panel1 and panel2 in their div.</p>
