jquery-ui - タグ付きのJqueryテーブルフィルター

Question

フィルタリングされたデータからのタグの jquery が必要です。これは、「Jquery を使用してテーブルからデータをフィルター処理する」ための私のコードです。JS Fiddle For This is at http://jsfiddle.net/7BUmG/2/

HTML

<input type="text" id="search" placeholder="Type to search">
<table id="table">
   <tr>
      <td>Apple</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Grapes</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Orange</td>
      <td>Orange</td>
   </tr>
</table>

CSS

td {padding: 4px; border: 1px #CCC solid; width: 24.5%;}

Jクエリコード

var $rows = $('#table tr');
$('#search').keyup(function() {
var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

$rows.show().filter(function() {
    var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
    return !~text.indexOf(val);
}).hide();
});

ここで、この検索フィルターにタグスキームを追加したいと思います。つまり、ユーザーが「Apple」でデータをフィルタリングし、「Apple」をクリックすると、「Apple」がタグ付けされる必要があります。