jquery Have same div show on multiple hovers
<p>I have several divs of the same class that I want to show the same div whenever any of them are hovered over. I only want to create this second div once. I have tried creating it within the document and then cloning and appending it whenever I need it. This isn't working. In the example below, I main_item is the class being hovered over and optionbar is the div to show. Note that any main_item class is assigned an id of 9999 when you hover over it and the id is removed when you hover away from it.</p>

<pre><code>$(function(){
    $(".main_item").hover(function(){
     $('.optionbar').clone().appendTo("#9999");
    }
    ,function(){
         $("#9999").remove('.optionbar');
    }
);        
});
</code></pre>
