cloning elements, avoiding more than one clone at a time when adding
<p><a href="http://jsfiddle.net/p57hm/" rel="nofollow">http://jsfiddle.net/p57hm/</a></p>

<p>I simply want one more clone on each click. Did i miss something obvious_ Thanks</p>

<p>Script:</p>

<pre><code>$(function(){

    $('input').click(function(){
        $('.cloneitem').clone().appendTo('#container');
    });

});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;input type="button" value="clone it"/&gt;

&lt;div id="container"&gt;&lt;/div&gt;

&lt;div class="cloneitem"&gt;clone&lt;/div&gt;
</code></pre>
