title: change text color of matching text from input in javascript
body: <p>Here is my code </p>
  
  <p>And I am trying to change the color of any match in the <code>&lt;li&gt;</code> elements that matches the text in the <code>&lt;input&gt;</code> element. So if you type lets say "this is a simple text" the result should look like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input value="this is a simple text" id="term"/&gt; 
  &lt;ul id="ul-id" &gt;
      &lt;li id="li-id-1"&gt; hello budy &lt;span style="color:red"&gt;this&lt;/span&gt; &lt;span style="color:red"&gt;is&lt;/span&gt; really &lt;span style="color:red"&gt;simple&lt;/span&gt; stuff &lt;/li&gt;
      &lt;li id="li-id-2"&gt; &lt;span style="color:red"&gt;this&lt;/span&gt; &lt;span style="color:red"&gt;is&lt;/span&gt; it&lt;/li&gt;
      &lt;li id="li-id-3"&gt; there &lt;span style="color:red"&gt;is&lt;/span&gt; something here&lt;/li&gt;
      &lt;li id="li-id-4"&gt; plain &lt;span style="color:red"&gt;text&lt;/span&gt; file&lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thank you.</p>