如何用JQuery表实现搜索栏

<input type="text" id="searchInput" placeholder="搜索...">
<table id="dataTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <tr>
      <td>数据4</td>
      <td>数据5</td>
      <td>数据6</td>
    </tr>
    <!-- 其他数据行 -->
  </tbody>
</table>

$(document).ready(function() {
  $('#searchInput').keyup(function() {
    var keyword = $(this).val().toLowerCase();
    $('#dataTable tbody tr').filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(keyword) > -1);
    });
  });
});