title: How to implement a smart search box to query data from database?
body: <ul>
  <li><p>I want to implement the <strong>search box</strong> that will :</p>
  
  <p><strong>query</strong> all the inventory from my <strong>inventories</strong> table in my <strong>database</strong>.</p></li>
  <li><p>I <strong>only</strong> want to display the search input box, and <strong>NOT</strong> listing any of my item as a start. </p></li>
  <li>I came across a nice plug-in call <a href="http://www.datatables.net/" rel="nofollow noreferrer"><strong>DataTable</strong></a>. I used it. I like it.</li>
  <li>I want to stick with this plug-in, and just tweak this a little bit to fit my need.</li>
  </ul>
  
  <p>Here is what I have : </p>
  
  <p><img src="https://i.stack.imgur.com/Fkyj7.png" alt="enter image description here"> </p>
  
  <p>Here is what I want to have :</p>
  
  <p>I found this one at  <a href="http://bootsnipp.com/snippets/featured/expanding-search-button-in-css" rel="nofollow noreferrer">Here</a></p>
  
  <p>How do I hide any data as a start ?</p>
  
  <p><img src="https://i.stack.imgur.com/VjVlk.png" alt="enter image description here"></p>