Using JQuery/JS to move divs from one list to the next
===

I have two lists like so that I can add and remove from.  The starting list can have anywher from 1 to 2,000 variables in it, of the form:

    <div class="notadded" id="X"><input type="checkbox" />Varname and varlabel</div>

I want to move all the checked vars to the next list, removing them from the first list.

What's the best way to do this, given that I could have 2,000 items to move. Also when moving them, I don't want to have any duplicates and preserve the varname's alphabetically (they are loaded that way).

Thanks.

I can also adjust the html anyway I want.