jquery - remove a div from form
<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>
