title: How can I filter and mark words from an input
body: <p>I would like to filter and mark words from a page, something similar to the way Google marks words when you type a find query.</p>
  
  <p>I am trying to do the filter and mark simultaneously. There are lots of solutions across the net that give examples of marking and examples of filtering but none that combine the two operations. Is this even possible?</p>
  
  <p>I can show my filter script but not the marking script because I  simply can't find one that actually works. I would have to upload dozens of scripts that I have tried.</p>
  
  <p>Can anyone assist in pointing me in the right direction or even better maybe help with a snippet that actually works.</p>
  
  <p>I can't believe it is so difficult to find.</p>
  
  <p>This works wonderfully to filter the words or phrase but it does not mark it in the paragraph.</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
    $("#myInput").on("keyup", function() {
      var value = $(this).val().toLowerCase();
      $("#myDIV *").filter(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) &gt; -1)
      });
    });
  });
  &lt;/script&gt;
  </code></pre>