Javascript searching for keywords in the HTML, surrounding them with em tags
<p>I'm looking for a way to search through HTML and surround keywords with an <code>&lt;em&gt;</code> tag. I would like to search through a list of words that show up regularly on a series of pages.</p>

<p>ex. : <em>search for [foo, bar]</em></p>

<p>html before:</p>

<pre><code>....
&lt;li&gt;Lorem ipsum dolor sit amet&lt;/li&gt;
&lt;li&gt;consectetur FOO adipiscing elit&lt;/li&gt;
&lt;li&gt;Ut at convallis nisl BAR&lt;/li&gt;
....
</code></pre>

<p>html after:</p>

<pre><code>....
&lt;li&gt;Lorem ipsum dolor sit amet&lt;/li&gt;
&lt;li&gt;consectetur &lt;em&gt;FOO&lt;/em&gt; adipiscing elit&lt;/li&gt;
&lt;li&gt;Ut at convallis nisl &lt;em&gt;BAR&lt;/em&gt;&lt;/li&gt;
....
</code></pre>

<p>The text I'm searching will be static once it has loaded, it will always be in a list tag if that helps, and the keywords can be defined within the javascript, so I don't think the answer should be too hard to find. I've found a couple similar topics in here, but nothing quite like what I'm trying for and usually too complicated to alter with my limited skills.</p>

<p>The goal is to have the script added to a series of pages to avoid hand coding all of the emphasis tags, and then styling the tags with CSS.</p>

<p>Any help or links to similar queries would be appreciated!</p>
