How do i make this table display only 10 rows when i have more, and how to display others when i search?
<p>I used this table: <a href="http://jsfiddle.net/giorgitbs/52ak9/1/" rel="nofollow">jsfiddle.net/giorgitbs/52ak9/1/</a> and don't know how to have more rows but display only 10 and to be searchable..</p>

<pre><code>&lt;div class="input-group"&gt; &lt;span class="input-group-addon"&gt;Filter&lt;/span&gt;

    &lt;input id="filter" type="text" class="form-control" placeholder="Type here..."&gt;
&lt;/div&gt;
&lt;table class="table table-striped"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;Code&lt;/th&gt;
            &lt;th&gt;Name&lt;/th&gt;
            &lt;th&gt;Default&lt;/th&gt;
            &lt;th&gt;Status&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody class="searchable"&gt;
        &lt;tr&gt;
            &lt;td&gt;EUR&lt;/td&gt;
            &lt;td&gt;EURO&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;Active&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;GBP&lt;/td&gt;
            &lt;td&gt;Pound&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;Active&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;GEL&lt;/td&gt;
            &lt;td&gt;Georgian Lari&lt;/td&gt;
            &lt;td&gt;&lt;span class="glyphicon glyphicon-ok"&gt;&lt;/span&gt;
            &lt;/td&gt;
            &lt;td&gt;Active&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;USD&lt;/td&gt;
            &lt;td&gt;US Dollar&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;Active&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>Javascript-</p>

<pre><code>$(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();

        })

    }(jQuery));

});
</code></pre>

<p>Please help</p>