Jquery for Gridview text filter on keypress

On Key press Gridview row filter jquery

HTML : 

 Filter: <input name="filter" id="filter" value="" maxlength="30" size="20" style="height: 24px;"
                                                    type="text" placeholder="Filter" />

<asp:GridView ID="gv1" runat="server"  CssClass="gvPreJobList" >

JQuery : 

 $(document).ready(function () {

 $("#filter").keyup(function () {
                    if (this.value.trim() != "") {
                        var rows = $(".gvPreJobList").find("tr").hide();
                        $(".gvPreJobList").find("thead").find("tr").show();
                        var data = this.value.split(" ");
                        $.each(data, function (i, v) {
                            rows.filter(":contains('" + v + "')").show();
                        });
                    }
                    else {
                        var rows = $(".gvPreJobList").find("tr").show();
                    }
                });
        });