title: Remove all child of a div by class
body: <p>I have divs with some elements inside such as images, texts, and divs that appends every time when I run the script. I need to remove from my main div all children div with class  'ui-resizable-handle'</p>
  
  <p>This my Html:</p>
  
  <pre><code>&lt;div class="draggableTemplate ui-draggable ui-draggable-handle ui-resizable"&gt;
          Some Text ...
          &lt;div class="ui-resizable-handle ui-resizable-sw" &gt;&lt;/div&gt;
          &lt;div class="ui-resizable-handle ui-resizable-n" &gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="draggableTemplate ui-draggable ui-draggable-handle ui-resizable"&gt;
          &lt;img width="114" height="93" alt="" src="/Cats/cat.jpg" /&gt;
          &lt;div class="ui-resizable-handle ui-resizable-sw" &gt;&lt;/div&gt;
          &lt;div class="ui-resizable-handle ui-resizable-n" &gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And this what i want to receive (my goal):</p>
  
  <pre><code> &lt;div class="draggableTemplate ui-draggable ui-draggable-handle ui-resizable"&gt;
          Some Text ...
       &lt;/div&gt;
  
       &lt;div class="draggableTemplate ui-draggable ui-draggable-handle ui-resizable"&gt;
          &lt;img width="114" height="93" alt="" src="/Cats/cat.jpg" /&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>How can i remove all children(divs with class 'ui-resizable-handle')
   of father divs (with class 'draggableTemplate')</p>
  
  <blockquote>
    <p>more information:</p>
  </blockquote>
  
  <p>i am using Jquery draggable() and resizable() on all div's with class name '.draggableTemplate' resizable() append a div's as you see in the first HTML, but after I save the page and open it to edit again this resizable() is appending this div's again, sow after a few edits a have many div's that don't need.</p>
  
  <p>So I want to remove that div's when I save my HTML.</p>