title: Highlight search text after , in Li
body: <p>When I use <code>,</code> in search input then <code>,</code> and text after comma is not getting selected. This is because I am using <code>.split</code> method. I have data in below format. I have to display first line in strong tag. so that I have split it out using <code>,</code> separator. </p>
  
  <pre><code>&lt;li&gt;&lt;strong&gt;my name is amit&lt;/strong&gt;, address&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;my name is geeta&lt;/strong&gt;, address&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;my name is xyz&lt;/strong&gt;, address&lt;/li&gt;
  
  
  $(this).html(function(val,html){                    
  return "&lt;strong&gt;"+txt.split(',')[0]+"&lt;/strong&gt;," + txt.split(',')[1]
  });
  </code></pre>
  
  <p>My <code>.replace</code> method is working fine. The following code giving value like</p>
  
  <pre><code>txt = txt.replace(nn, "&lt;span class='highlight'&gt;" + '$1' + "&lt;/span&gt;"); 
  </code></pre>
  
  <p>if I type "My name is amit, add" then output reproduced by code is</p>
  
  <pre><code>&lt;span class='highlight'&gt;My name is amit, add&lt;/span&gt;ress
  </code></pre>
  
  <p>I know the problem but how to fix it.</p>
  
  <p><a href="http://jsfiddle.net/sumL5eas/" rel="nofollow">fiddle</a></p>