表过滤器：未捕获的TypeError：无法读取未定义的属性'toLowerCase'

Question

我正在尝试为我的桌子制作一个过滤器，我使用下面的代码，但我一直得到：

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined

我知道以前曾经问过这个问题，但它对我没有用。

我自己尝试过这个：

var rex = new RegExp($(this).val().toLowerCase(), 'i');

但我仍然遇到同样的错误。我做错了什么？

$(document).on('keyup', '#filter', function(event) {
            filter();
        });

      function filter() {
        var rex = new RegExp($(this).val(), 'i');
        $('.searchable tr').hide();
        $('.searchable tr').filter(function () {
            return rex.test($(this).text());
        }) .show();
    }

我使用过滤器以及它在哪里工作但是当我使用那个过滤器时我没有收到任何错误，当我填写的内容没有任何反应时： http://jsfiddle.net/giorgitbs/52aK9/1/

我的代码： http://jsfiddle.net/52aK9/787/

谢谢！