jquery - コンテンツとタグに基づくjqueryライブフィルター

Question

私はこのjQueryライブフィルタープラグインを使用しています:

(function($){
    $.fn.liveFilter = function(inputEl, filterEl, options){
        var defaults = {
            filterChildSelector: null,
            filter: function(el, val){
                return $(el).text().toUpperCase().indexOf(val.toUpperCase()) >= 0;
            },
            before: function(){},
            after: function(){}
        };
        var options = $.extend(defaults, options);

        var el = $(this).find(filterEl);
        if (options.filterChildSelector) el = el.find(options.filterChildSelector);

        var filter = options.filter;
        $(inputEl).keyup(function(){
            var val = $(this).val();
            var contains = el.filter(function(){
                return filter(this, val);
            });
            var containsNot = el.not(contains);
            if (options.filterChildSelector){
                contains = contains.parents(filterEl);
                containsNot = containsNot.parents(filterEl).hide();
            }

            options.before.call(this, contains, containsNot);

            contains.show();
            containsNot.hide();

            if (val === '') {
                contains.show();
                containsNot.show();
            }

            options.after.call(this, contains, containsNot);
        });
    }
})(jQuery);

私がやりたいのは、タグにも基づいてフィルタリングすることです。そのため、リストは各要素の data-tag 属性によってフィルタリングされます。html は次のようになります。

<li><a href="#" data-tags="tag1">content</a></li>

現在、タグの内容に基づいてフィルタリングしています。データタグもフィルターに含める必要があります。

これがフィドルです： http://jsfiddle.net/BR7KE/