Duplicate an element on button-push with jQuery
<p>I'm new to jQuery, and I'm trying to cause another identical dropdown menu to appear each time the user presses a button.  I thought this would work, where #append is the button id and #foo is the dropdown id:</p>

<p>&lt;script type="text/javascript"&gt;<br />
$(document).ready(function(){<br />
$("#append").click(function(){<br />
$("#foo").append($("#foo"));<br />
});<br />
});<br />
&lt;/script&gt;</p>

<p>However, rather than duplicating the original dropdown, it causes it to disappear!  What am I doing wrong?</p>
