title: Removing Children of DIV after certain Number
body: <p>I have this HTML </p>
  
  <pre><code>&lt;div class="control"&gt;
       &lt;label class=""&gt;Label Here&lt;/label&gt;
       &lt;input type="text"&gt;
       &lt;div class="ui-resizable"&gt;&lt;/div&gt;
       &lt;div class="ui-resizable-handle"&gt;&lt;/div&gt;
       &lt;div class="ui-resizable-handle ui-resizable-se"&gt;&lt;/div&gt;
       &lt;div style="display: inline;" class="delete"&gt;&lt;span class="ui-icon ui-icon-closethick"&gt;close&lt;/span&gt; &lt;/div&gt;
       &lt;div style="display: inline;" class="properties txtbox"&gt;&lt;span class="ui-icon ui-icon-wrench"&gt;Properties&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can i remove the second third and fourth Divs from this HTML using jQuery....</p>