Selection list to Selected list with double click
<p>Im a newbie to the world of jQuery. I have two ul lists. I want to be able to double click on the Select side and have the item cloned/copied to the Selected list.
This is what I have come up with.</p>

<pre><code>&lt;form&gt;
    &lt;ul id="selection"&gt;
    &lt;li&gt;&lt;input type="hidden" id="tid" value="1" /&gt;Apple&lt;/li&gt;
    &lt;li&gt;&lt;input type="hidden" id="tid" value="2" /&gt;Orange&lt;/li&gt;
    &lt;li&gt;&lt;input type="hidden" id="tid" value="3" /&gt;Pear&lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul id="selected"&gt;
    &lt;li&gt;&lt;input type="hidden" id="tid" value="4" /&gt;Mango&lt;/li&gt;
    &lt;/ul&gt;
&lt;/form&gt;
</code></pre>

<p>and the jQuery to move the item...</p>

<pre><code>$(function () {
    $("form li").dblclick(function(){
        $('#selected').append($('input[type="hidden"]').clone());
    });
});
</code></pre>
