Я хочу, чтобы таблица отображала скрытые строки при поиске и скрывала их при удалении ввода? ⇐ Jquery

[Anonymous]

Он не показывает класс .hidden, и когда я ищу его, он показывает его, но проблема в том, что он не исчезает, когда я удаляю ввод…
Как это можно исправить, чтобы класс .hidden исчезал, когда я начинаю удалять ввод?
Это мой исходный код:
HTML:





Date
Title
Something
Options




12/06/16
Example
Janko Tomas
Video


GBP
Pound

Active


GEL
Georgian Lari


Active


USD
US Dollar

Active


USD
US Dollar

Active




CSS:
#section{
width: 80%;
margin: auto;
}

.sub-section{
width: 100%;
margin: auto;
position: relative;
}

.table{
width: 100%;
margin: auto;
background-color: white;
}

thead{
background-color: #333;
color: white;
margin: 0;
}

thead tr th{

font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
}
thead tr{
margin: 0;
padding: 0;
}

.hidden{
display: none;
}

И, наконец, JQUERY:
$(document).ready(function () {

(function ($) {

$('#filter').keyup(function () {

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


Подробнее здесь: https://stackoverflow.com/questions/378 ... hem-when-i