"Живой поиск" в таблице - проблема со скриптом

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

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

Но проблема в том, что мне нужно использовать в таблице теги 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>

Может кто знает - как переписать скрипт, чтобы таблица не разваливалась?

Уже гуглил по теме - везде примеры скриптов со стандартными таблицами :(