Append then remove element with jQuery
<p>Trying to append an element on mouseenter then remove the same element on mouseleave.    </p>

<pre><code>$(#foo).mouseenter(function (){
    $(this).append(#bar);
});
$(#foo).mouseleave(function (){
    $(this).remove(#bar);
});
</code></pre>

<p>Doesn't work, am I doing something wrong?  </p>
