pagination with live search
<p>So far, i have done creating report with paging. 
sample code index.php:</p>

<pre><code>&lt;div class='web'&gt;    
    &lt;h1&gt;Data Order Notaris&lt;/h1&gt;
        &lt;div id="page_data"&gt;&lt;/div&gt;
            &lt;span class="flash"&gt;&lt;/span&gt;
        &lt;/div&gt;
</code></pre>

<p>and use script:</p>

<pre><code>$(document).ready(function(){
                    change_page('0');
                });
                    function change_page(page_id){
                        $(".flash").show();
                        $(".flash").fadeIn(400).html('Loading &lt;img src="ajax-loader.gif" /&gt;');
                        var dataString = 'page_id='+ page_id;
                            $.ajax({
                                type: "POST",
                                url: "paging.php",
                                data: dataString,
                                cache: false,
                                    success: function(result){
                                        $(".flash").hide();
                                        $("#page_data").html(result);
                                    }
                            });
                    }
</code></pre>

<p>my file for show paging is paging.php
my problem when using live search. i am trying add input type in index.php </p>

<p>add input script:</p>

<pre><code>&lt;input type='text' name='search' placeholder='search' /&gt;
</code></pre>

<p>i think it doesn't need form and submit button.
how to post value from input name='search' to paging.php for filter data report?</p>

<p>is it need more function or using function change_page? i am still confuse with logic. thanks for help</p>