title: Passing values from one page to another and using value to filter table
body: <p>I am currently passing one value from <code>search.php</code> to <code>filtering.php</code>. I  am using <code>$_GET</code> to accomplish that. In the <code>filtering.php</code> page I have a table that auto filters based on a word typed in the input text box. I am passing the value in the URL like: <code>http://holaweblearning.co.nf/php_learning/filtering.php?key=Dragoo</code>. Then the value from the URL is taken and placed in the input text box. But nothing gets filtered unless I click on the text box and press a key. How can I pass a value to the <code>filtering.php</code> page and get result based on the word? <a href="http://holaweblearning.co.nf/php_learning/search1.php" rel="nofollow">DEMO</a></p>
  
  <p>I am using the footable <a href="http://holaweblearning.co.nf/php_learning/js/footable.filter.js" rel="nofollow">filtering method</a></p>
  
  <p>Search.php</p>
  
  <pre><code>&lt;div&gt;
    &lt;input type="text" class="search" placeholder="Type 'Dragoo' "&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;a href="#" class="search_word"&gt;Search&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $('.search').bind('change keyup', function() {
      var dInput = this.value;
      console.log(dInput);
      url='http://holaweblearning.co.nf/php_learning/filtering.php?key='+dInput;
      $('.search_word').attr('href', url);
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>filtering.php</p>
  
  <pre><code>&lt;?php
      $keyword = $_GET['key'];
   ?&gt;
  
  Search: &lt;input id="filter" type="text" value="&lt;?php echo $keyword; ?&gt;"/&gt;
  </code></pre>