title: Mark.js highlight text wrapped in html tag
body: <p>I am trying to highlight a phrase using Mark.js but part of the phrase is wrapped in an html tag.  So Mark.js will not highlight the phrase.  I am not sure how to resolve this.  Any help will be appreciated.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script type="text/javascript" src="mark.js" charset="UTF-8"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  var instance = new Mark(document.querySelector("body"));
  
  instance.mark("My", {
      accuracy: "exactly",
      separateWordSearch: false,
      className: "green"
  });
  
  //Does not work
  instance.mark("paragraph~2", {
      accuracy: "exactly",
      separateWordSearch: false,
      className: "green"
  });
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>&lt;style id="compiled-css" type="text/css"&gt;
  .green {
    background: green;
  }
  
  &lt;/style&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  &lt;h1&gt;My First Heading&lt;/h1&gt;
  &lt;p&gt;My first paragraph&lt;sup&gt;~2&lt;/sup&gt;&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>