[jQuery] Want to move content back and forth between containers with jquery

[jQuery] Want to move content back and forth between containers with jquery


Hi Everyone,
I will make this example as simple as possible.
I have 2 divs, each containing list items. When an item in box #1 is
clicked, I want to move it to box #2. When that same item is clicked
in box #2, I want to move it to box #1.
My co-worker and I are working on this and here is some code he put
together:
http://pastie.caboo.se/137728
My original method was using something like this:
$(document).ready(function() {
$('#suggestedCategories ul li a').click(function() {
$('#selectedCategoriesList').append('<li><a href="#"
onclick="removeItem(this); return false;">' + $(this).html() + '</a></
li>');
$(this.parentNode).remove();
});
});
function removeItem(el) {
    $('#suggestedCategories ul').append('<li><a href="#">' + $(el).html()
+ '</a></li>');
    $(el.parentNode).remove();
}
I want to know if there is a cleaner easier way to pull this off then
what was pasted at:
http://pastie.caboo.se/137728
Thanks,
Bryan