Javascript-форум - Криво работает скрипт jQuery поиска в таблице

Здравствуйте. Захотел сделать страничку с таблицей и полем для поиска, поиск нужен именно "живой", т.е по мере ввода текста для поиска - в таблице удаляются ненужные результаты и в конце концов остаются только те строки, которые удовлетворяют условиям поиска.

Пример рабочего решения тут

Но проблема в том, что мне нужно использовать в таблице теги rowspan (деление ячеек по вертикали) и все получается криво: вот пример таблицы с разделенными ячейками - попробуйте ввести в поле поиска одну букву "s" или "a" и увидите в чем проблема.

Может кто знает решение?

Вот код скрипта:

Код:

<script>

$(document).ready(function()

{

    $('#search').keyup(function()

    {

        searchTable($(this).val());

    });

});

 

function searchTable(inputVal)

{

    var table = $('#tblData');

    table.find('tr').each(function(index, row)

    {

        var allCells = $(row).find('td');

        if(allCells.length > 0)

        {

            var found = false;

            allCells.each(function(index, td)

            {

                var regExp = new RegExp(inputVal, 'i');

                if(regExp.test($(td).text()))

                {

                    found = true;

                    return false;

                }

            });

            if(found == true)$(row).show();else $(row).hide();

        }

    });

}

</script>