Data Controls :: Searching Data Of Datatable From Gridview Through JQuery Won't Show Data From 2nd Page Index?

I am referring this article :

[URL]

now when i type something in header Search cell , it shows the data of first page index only , it won't show me data from 2nd page index .. here's my code :

protected void PhasesTempGrid_OnDataBound(object sender, EventArgs e){
GridViewRow row = new GridViewRow(0, 0, DataControlRowType.Header, DataControlRowState.Normal);
for (int i = 0; i < PhasesTempGrid.Columns.Count - 1; i++) {
TableHeaderCell cell = new TableHeaderCell();
TextBox txtSearch = new TextBox();

[Code] .....

My gridview is in update panel therefore i did this in .js script :

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
$(document).ready(function () {
$('.search_textbox').each(function (i) {

[Code] .....

Here's my code structure for gridview :

<asp:UpdatePanel ID="ConstructionActPhaseUpdatePanel" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<asp:gridview ID="PhasesTempGrid" ClientIDMode="Static" OnDataBound="PhasesTempGrid_OnDataBound" allowpaging="True" OnPageIndexChanging="PhasesTempGrid_OnPageIndexChanging"

[code]...

and the way i bind the data to gridview is from textboxes ....

[URL].....