title: Highlight word in HTML text (but not markup)
body: <p>I'm trying to highlight all matching word inside the body but not words inside any html tag. For example the keyword given is 'para'. Here's the paragraph:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;p class="para"&gt; Example of paragraph. Lorem ipsum dolor sit amet. &lt;/p&gt;
  </code></pre>
  
  <p>resulting in:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;p class="para"&gt;
  Example of &lt;strong&gt;para&lt;/strong&gt;graph. Lorem ipsum dolor sit amet.
  &lt;/p&gt;
  </code></pre>
  
  <p>I know that this is possible with JavaScript's <code>replace()</code> but I just don't know much about regex.</p>