Why does .html() method of jQuery not persist using .hover() to push HTML to container?
<p>I'm wondering why in this example: <a href="http://jsfiddle.net/ZdPry/2/" rel="nofollow">http://jsfiddle.net/ZdPry/2/</a> the HTML within the <code>&lt;ul&gt;</code> of the hovered parent item gets pushed to the container I want but on mouseleave and subsequent hovers, no HTML is pushed to the container of the same element that was first hovered. Other elements that are hovered do push the HTML in question but only once, on the first mouseover. I've copied some of the code in question below. </p>

<pre><code>$('#superfish-1 li').hover(function(e) {
    e.stopPropagation();
    $('.menuarea').html($('ul', this)).slideDown();
}, function() {
    // do something else
});​
</code></pre>
