Implement search in Repeater control using jQuery QuickSearch plugin in ASP.Net

This way

Ref:

HTML

<form id="form1" runat="server">
<div>
    <table style=" background-color: #E0A9A9">
        <tr>
            <th style="width: 120px; text-align: center;">
                ID
            </th>
            <th style="width: 120px">
                NAME
            </th>
            <th style="width: 120px">
                COUNTRY
            </th>
        </tr>
        <tr>
            <td style="width: 120px; text-align: center;">
                <asp:TextBox ID="txtId" runat="server" CssClass="search_textbox" Width="50" />
            </td>
            <td style="width: 120px; text-align: center;">
                <asp:TextBox ID="txtName" runat="server" CssClass="search_textbox" Width="80" />
            </td>
            <td style="width: 120px; text-align: center;">
                <asp:TextBox ID="txtCountry" runat="server" CssClass="search_textbox" Width="80" />
            </td>
        </tr>
    </table>
    <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
            <table id="rptTable" style=" background-color: #E0A9A9">
                <tr>
                    <td style="width: 120px; text-align: center;">
                        <asp:Label ID="lblId" runat="server" Text='<%# Eval("Id") %>' />
                    </td>
                    <td style="width: 120px; text-align: center;">
                        <asp:Label ID="lblName" runat="server" Text='<%# Eval("Name") %>' />
                    </td>
                    <td style="width: 120px; text-align: center;">
                        <asp:Label ID="lblCountry" runat="server" Text='<%# Eval("Country")  %>' />
                    </td>
                </tr>
            </table>
        </ItemTemplate>
    </asp:Repeater>
</div>
</form>

Download the quicksearch script from the link

Script

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="Script/quicksearch.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('.search_textbox').each(function (i) {
            $(this).quicksearch("[id*=rptTable] tr:not(:has(th))", {
                'testQuery': function (query, txt, row) {
                    return $(row).children(":eq(" + i + ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
                }
            });
        });
    });
</script>

C#:

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
                    new DataColumn("Name", typeof(string)),
                    new DataColumn("Country",typeof(string)) });
        dt.Rows.Add(1, "John Hammond", "United States");
        dt.Rows.Add(2, "Mudassar Khan", "India");
        dt.Rows.Add(3, "Suzanne Mathews", "France");
        dt.Rows.Add(4, "Robert Schidner", "Russia");
        this.Repeater1.DataSource = dt;
        this.Repeater1.DataBind();
    }
}

Screenshot

Thank You.