how to remove a nested element from a clone element?
<p>how to remove a nested element from a clone element? Code below is my attempt remove the clone input element but is not working. I'm getting an empty output.</p>

<pre><code> &lt;li id="listA"&gt;&lt;p&gt;&lt;input class='input1' /&gt;&lt;strong id="s1"&gt;&lt;/strong&gt;&lt;strong id="s2"&gt;&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;

   var $cloneList = $("#listA").clone();
   $cloneList.each(function()
   {
       alert($(this).children().children().remove().html());
   })
</code></pre>

<p>The goal is to have the following output...</p>

<pre><code>  &lt;li id="listA"&gt;&lt;p&gt;&lt;strong id="s1"&gt;&lt;/strong&gt;&lt;strong id="s2"&gt;&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
</code></pre>
