Pushing elements into array as copy

Question

In prototypejs, why does the following code remove the matching divs from the #test div?

What confuses me is that this happens when they are being inserted in the #droparea, and not when they are being pushed in the array.

<div id="test">
    <div class="foo" id="22.1234">
        1
    </div>
    <div class="foo" id="22.1235">
        2
    </div>
    <div class="foo" id="53.2345">
        3
    </div>
    <div class="foo" id="53.2346">
        4
    </div>
</div>

<div id="droparea">

</div>

js

var elArray = [];
var els = $('test').select('.foo');

els.each(function(x){ if(x.id.split('.')[0] == 22){ elArray.push(x); } });
elArray.each(function(y){ $('droparea').insert({ bottom: y }); });

Answer 1

I take it you want to copy/clone the elements into the drop area, not move them?

This thread on Google Groups discusses how to clone an element . Note in particular the caveats about changing the ID before reinserting to the document.