Есть таблица и поле поиска с кнопкой. При нажатии на кнопку ищется в таблице и та строка в которой находится значение остается, а все остальные строки скрывает. Когда я выбираю, элементы, которые по одному в таблице все хорошо, но как только я выбираю 35 прячется все. А должно просто выделится и никуда не скрываться. Не знаю как это исправить.
<table class="table">
<tbody>
<tr class="th">
<th>
id
</th>
<th>
age
</th>
<th>
name
</th>
<th>
city
</th>
</tr>
<tr>
<td>1</td>
<td>35</td>
<td>Вася</td>
<td>Минск</td>
</tr>
<tr>
<td>2</td>
<td>35</td>
<td>Андрей</td>
<td>Москва</td>
</tr>
<tr>
<td>3</td>
<td>35</td>
<td>Елизавета</td>
<td>Варшава</td>
</tr>
</tbody>
</table>
<div class="search">
<input type="text">
<button>Search</button>
</div>
$('button').click(function(){
var result = $('input').val();
var containsTable = $('tr:contains("'+result+'")').css({"backgroundColor": "blue"}).siblings().not('.th').hide();
}
