How to hightlight the text of matched terms in jquery?
<p>I have list of Items and a search box. if search term entered into the search box the matched text should appear with bold letters in the list irrespective of the case(case insensitive). 
I have done up to some level but later i dont know how to do it, as i am new to the jquery.</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;script type="text/javascript" 
          src="http://code.jquery.com/jquery-1.8.2.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
       $(document).ready(function(){
          $(".SearchElement").keyup(function(){
            keyword = $(".SearchElement").val();
            if(keyword.length&gt;=3){
                 var content = $(".wrapperbox ul li").text();
                 test = content.match(/keyword/gi)
                 if(test){
                     //alert(test);
                 }
            }
          });
        });
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;form action=""&gt;
        &lt;label&gt;SearchTerm:&lt;/label&gt; &lt;input type="text" 
        name="SearchBox" value="" class="SearchElement" /&gt;
    &lt;/form&gt;
    &lt;div class="wrapperbox"&gt;
        &lt;ul&gt;
            &lt;li&gt;TestString&lt;/li&gt;
            &lt;li&gt;testString&lt;/li&gt;
            &lt;li&gt;Kanigiri&lt;/li&gt;
            &lt;li&gt;KANIGIRI&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>How can i do that, any help will be greatly appriciated. Thank you</p>
