How to remove the input element and wrap each clone element into li element using jquery?
<p>Using the following HTML content,</p>

<pre><code>&lt;div class="a_list"&gt;&lt;iniput type="checkbox"&gt;&lt;input/&gt;&lt;p&gt;Test Results from A column&lt;/p&gt;&lt;/div&gt;
&lt;div class="a_list"&gt;&lt;iniput type="checkbox"&gt;&lt;input/&gt;&lt;p&gt;Test Results from B column&lt;/p&gt;&lt;/div&gt;
&lt;div class="a_list"&gt;&lt;iniput type="checkbox"&gt;&lt;input/&gt;&lt;p&gt;Test Results from C column&lt;/p&gt;&lt;/div&gt;
&lt;di class="a_list"&gt;&lt;iniput type="checkbox"&gt;&lt;input/&gt;&lt;p&gt;Test Results from D column&lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>Try this and work but put all the checked items into one Li (list)</p>

<pre><code>if($(".a_list input:checked").length)
{
    $(this).parent().clone().appendTo("#filterList ul").wrap("&lt;li /&gt;");
} else {
    alert("Please make a selection");
}
</code></pre>

<p>I would like the following output</p>

<pre><code>&lt;ul id="#filterList"&gt;
    &lt;li&gt;&lt;p&gt;Test Results from A column&lt;/p&gt;&lt;/li&gt;
    &lt;li&gt;&lt;p&gt;Test Results from B column&lt;/p&gt;&lt;/li&gt;
    &lt;li&gt;&lt;p&gt;Test Results from C column&lt;/p&gt;&lt;/li&gt;
    &lt;li&gt;&lt;p&gt;Test Results from D column&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
