jquery - 検索ボックスに入力された内容に従ってtrを表示します

Question

http://jsfiddle.net/YxU2H/2/ これは私がやろうとしていることの例です。ボックスに入力された内容に従って行を非表示にします。何らかの理由で、キーアップが正常に機能していません。ヘルプ？

Answer 1

これをチェックして：

$(document).ready(function() {
    var search$ = $('#search'),
        table$ = $('#attribute'),
        content = '';
    search$.keyup(function() {
        var val = $.trim(this.value).toLowerCase();
        if (val === content) { // this.value gives the types value
            return;
        }
        content = val;
        table$.find('tbody>tr').show();
        table$.find('tbody h4').filter(function(index, element) {
            return $(this).text().toLowerCase().indexOf(content) === -1;
        }).closest('tr').hide();
    });
});

デモ