How to include another element into the quicksearch?

[q2apro]

Let's assume we have something like:

<h2>Fruit</h2>
<ul>
    <li>Apple</li>
    <li>Pear</li>
    <li>Orange</li>
</ul>

<h2>Veggy</h2>
<ul>
    <li>Cucumber</li>
    <li>Tomato</li>
    <li>Minions</li>
</ul>

I'd use quicksearch on an input field like this (just example code including highlighting):

    // search
    $("input#search").quicksearch("ul li", {
        noResults: '#noresults',
        stripeRows: ['odd', 'even'],
        loader: 'span.loading',
        onBefore: function() { $("ul li").unhighlight(); }, // remove former highlighting
        onAfter: function() {
            if($('#id_search').val()!='' && $('#id_search').val().length>1) {
                $("ul li:visible").highlight( $('#search').val() );
            }
        },
    });

Question is: How can I include the h2 into the quicksearch?

The quicksearch only reads the li elements.

[nitriques]

$("input#search").quicksearch("ul li, h2", ... should do the trick ?