title: How to add divs inside a div using jquery
body: <p>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>