jquery highlight certain section of text
<p>My team has come to conclusion that in order to highlight certain text we will use !!! as special symbol. Long story.</p>

<pre><code>I love !!!JavaScript and jQuery!!!.
</code></pre>

<p>should get transformed into</p>

<pre><code>I love &lt;span class='hl'&gt;JavaScript and jQuery&lt;/span&gt;.
</code></pre>

<p>Do not worry about the edge cases. We are developing a system for school children and they don't have complex text with lots of bangs.</p>

<p>How do I do that?</p>

<p>Bonus question: After the span is applied then I was going to use jQuery higlighter plugin to highlight that code. Any suggestion in that direction.</p>
