Untitled

jquery search removes table row
<input id="sbox" type="text" class="textbox" value=""></input>
<table>
  <tr><td>lemon</td></tr>
  <tr><td>orange</td></tr>
  <tr><td>watermelon</td></tr>
  <tr><td>coconut</td></tr>
</table>

<input id="sbox" type="text" class="textbox" value=""></input>
<table>
  <tr><td>lemon</td></tr>
  <tr style="display:none;"><td>orange</td></tr>
  <tr style="display:none;"><td>watermelon</td></tr>
  <tr style="display:none;"><td>coconut</td></tr>
</table>

$('#go').click(function() {
    var want = $.trim($('#sbox').val());
    $('table tr > td').filter(function() {
        return $.trim($(this).text()) != want;
    }).parent().hide();
});

$('#go').click(function() {
    var want = $.trim($('#sbox').val()).toLowerCase();
    $('table tr > td').filter(function() {
        return $.trim($(this).text()).toLowerCase() != want;
    }).parent().hide();
});

<tr>
    <td>
        lemon
    </td>
</tr>
<!--...-->

$('td')
    .filter(function() { return $(this).text() != 'lemon'; })
    .closest('tr')
    .hide()

$("tr").hide();
$("td:contains('lemon')").parents('tr').show();