title: jquery - remove a div from form
body: <p>I have a form whose html looks like:</p>
  
  <pre><code>&lt;div id="form_container"&gt;
          &lt;h1&gt;&lt;a&gt;Untitled Form&lt;/a&gt;&lt;/h1&gt;
          &lt;form action="save_form" method="post" id="newform" name="newform"&gt;
            &lt;div class="form_description"&gt;
              &lt;h2 class="editable"&gt;Form title. Click here to edit&lt;/h2&gt;
              &lt;p class="editable"&gt;This is your form description. Click here to edit.&lt;/p&gt;
            &lt;/div&gt;
            &lt;ul id="form_body"&gt;
            &lt;li id="field1" class="world"&gt;
                &lt;a href="#" onclick="return false;" class="hover"&gt;
                &lt;label class="editable" for="field1"&gt;Text1&lt;/label&gt;
                &lt;input type="text" name="field1" value=""&gt;&lt;/a&gt;
                &lt;div class="element_actions"&gt;
                    &lt;img src="/images/ico_delete_16.png" alt="Delete." title="Delete" class="remove_element"&gt;
                &lt;/div&gt;
            &lt;/li&gt;
             &lt;/ul&gt;
          &lt;/form&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>I would like to clone the form and remove the 'element_actions' div from it. I do not want to modify the existing form, just the cloned version of it.</p>
  
  <p>I have tried 'remove()' and 'detach' without success.</p>
  
  <p>Here's the test on jsfiddle: <a href="http://jsfiddle.net/truthseeker/LYCkt/" rel="nofollow">http://jsfiddle.net/truthseeker/LYCkt/</a></p>
  
  <p>thanks for your help.</p>