removing a cloned element
<p>I have been trying to figure this out for a week now so I've come here.
I have a function that I want to clone a list item after an image has been clicked and append the list item elsewhere...
this is working, but i am having trouble doing the opposite... I have it wrapped in a toggle function but i can't seem to remove the appended cloned element and my original list element seems to disappear also...</p>

<pre><code>$("document").ready(function() {

 $('#aleHouseStar').toggle(blue, white);

 function blue(evt) {
  $('#aleHouseStar').toggleClass('blue').attr("src", "iscroll/images/bluestar40.png");
  $("#barlist li[id='aleHouseList']").toggleClass('fav');
  $("#barlist li[class=fav]").clone().appendTo("#favorites ul[class=edgetoedge]");

 }

 function white(evt) {
  $('#aleHouseStar.blue').removeClass('blue').attr("src", "iscroll/images/whitestar40.png")
  $("#barlist li[class=fav]").removeClass('fav');
  $("#favorites ul[class=edgetoedge]").remove("li [id=aleHouseList]");
 }
});
</code></pre>

<p>any help would be appreciated</p>
