jQuery update HTML on the fly
<p>I have a slideshow that has 5 slides (each has an individual id) and a previous and next button. When hovering the previous or next button you get a tooltip, the tooltip uses jQuery to get the ID attribute from the previous and next div and show this. </p>

<p>Ive gotten it working fine on mouseenter only if you dont leave the div and keep clicking the Tooltip doesnt update, you have to leave the arrows after each click for the value to be aupdated, does this make sense?</p>

<p>my script is...</p>

<pre><code>  $("div.arrows div").bind("mouseenter", function () {
            $("div.arrows div.next").children("span").html($("div.roundabout-in-focus").next("div").attr("id"));
            $("div.arrows div.prev").children("span").html($("div.roundabout-in-focus").prev("div").attr("id"));
        });
</code></pre>
