Search scrolling div menu with Jquery
<p>I have a scrolling menu in jquery that scrolls vertically on mouseover: (part of it is hidden until scrolled into view)   </p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {

    //Scroll the menu on mouse move above the #sidebar layer
    $('#sidebar').mousemove(function(e) {

        //Sidebar Offset, Top value
        var s_top = parseInt($('#sidebar').offset().top);

        //Sidebar Offset, Bottom value
        var s_bottom = parseInt($('#sidebar').height() + s_top);

        //Roughly calculate the height of the menu by multiply height of a single LI with the total of LIs
        var mheight = parseInt($('#menu li').height() * $('#menu li').length);


        //Calculate the top value
        //This equation is not the perfect, but it 's very close    
        var top_value = Math.round(((s_top - e.pageY) / 100) * mheight / 2);

        //Animate the #menu by chaging the top value
        $('#menu').animate({
            top: top_value
        }, {
            queue: false,
            duration: 5000
        });
    });
});​
&lt;/script&gt;
</code></pre>

<p>and then I am using a search and highlight jquery script to search for a name in the scrolling menu:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(function() {
    $('#text-search').bind('keyup change', function(ev) {
        // pull in the new value
        var searchTerm = $(this).val();)

    // remove any old highlighted terms
    $('#sidebar').removeHighlight();

    // disable highlighting if empty
    if (searchTerm) {
        // highlight the new term
        $('#sidebar').highlight(searchTerm);
    }
    });
});​
&lt;/script&gt;
</code></pre>

<p>However my issue is:  when i type in the search term, it will only highlight the menu items that are visible.  How do I get jquery to automatically scroll to the searched term within the div?</p>
