title: Jquery search using real time input , like Filter option in Angular JS
body: <p>how to apply filter option for following html code <strong>that will check and display on real time input given.</strong> </p>
  
  <pre><code> &lt;div class="block-parent"&gt;
    &lt;input type="text" name="search" class="search"&gt;
    &lt;div class="answer block1" style="color: white; background-color: rgb(98, 128, 145);"&gt;Nick&lt;/div&gt;
    &lt;div class="answer block1" style="color: black; background-color: rgb(114, 139, 137);"&gt;Sam&lt;/div&gt;
    &lt;div class="answer block1" style="color: white; background-color: rgb(123, 138, 115);"&gt;John&lt;/div&gt;
  
   &lt;/div&gt;
  </code></pre>
  
  <p>Example: When user type nick on search box then only <code>&lt;div class="answer block1" style="color: white; background-color: rgb(98, 128, 145);"&gt;Nick&lt;/div&gt;</code> is need to show &amp; other two div is need to hide  .Please anyone can suggest a good method .</p>
  
  <blockquote>
    <p>ie creating a search result like
    <a href="https://docs.angularjs.org/api/ng/filter/filter" rel="nofollow noreferrer">https://docs.angularjs.org/api/ng/filter/filter</a></p>
  </blockquote>