Multi-column search performs search only for current page

Question

I am using jQuery multifilter plug-in, but the multi column search works good only for the current page, how can I use the same plug-in to search the entire data-table(from other pages as well)? Kindly help, Thanks.

Multicolumn search using jQuery plugin MultiFilter :

$(document).ready(function () {     $('.filter').multifilter()     console.log(jQuery().jquery); })

The textboxes for each column to search :

<div class='filter-container'> <input autocomplete='off' class='filter txtBox2 ' id="txtB2" name='firstname' placeholder='First Name' data-col='First Name' /> </div> <div class='filter-container'> <input autocomplete='off' class='filter txtBox3 ' id="txtB3" name='lastname' placeholder='Last Name' data-col='Last Name' /> </div> <div class='filter-container'> <input autocomplete='off' class='filter txtBox4 ' id="txtB4" name='dateofbirth' placeholder='Date of Birth' data-col='Date Of Birth' /> </div>

 

Answer 1

Turns out it wasn't that difficult. Here's what I modified:

And refer the following Link : http://jsfiddle.net/RgTgM/1/ 

$("#search").on("keyup", function() {
var value = $(this).val();
$("table tr").each(function(index) {
    if (index !== 0) {
        $row = $(this);

        $row.find('td').each (function() {
            var id = $(this).text();
            if (id.indexOf(value) !== 0) {
                $row.hide();
            }
            else {
                $row.show();
                return false;
            }
        });

    }
});
});