title: Search and Highlight in jQuery
body: <p>I would like to search and highlight text using jQuery/Java Script.</p>
  
  <p>sample HTML 1:</p>
  
  <pre><code>&lt;div id="div1"&gt;&lt;b&gt;Good&lt;/b&gt; &lt;b&gt;Morning&lt;/b&gt; &lt;/div&gt;
  &lt;div id="div2"&gt;Good Evening&lt;/div&gt; 
  &lt;div id="div3"&gt;Good Morning&lt;/div&gt;Searched String = "Good Morning"
  </code></pre>
  
  <p>When i search for String "Good Morning", Both the contents in div1 and div3 should get highlighted. ie. the output html should be </p>
  
  <pre><code>&lt;div id="div1"&gt;&lt;span class="highlight"&gt;&lt;b&gt;Good&lt;/b&gt; &lt;b&gt;Morning&lt;/b&gt; &lt;/span&gt;&lt;/div&gt;
  &lt;div id="div2"&gt;Good Evening&lt;/div&gt; 
  &lt;div id="div3"&gt;&lt;span class="highlight"&gt;Good Morning&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have used the plugin <a href="https://raw.github.com/bartaz/sandbox.js/master/jquery.highlight.js">https://raw.github.com/bartaz/sandbox.js/master/jquery.highlight.js</a> to enclose searched content inside span. But only div3 is highlighted. Please help.</p>