Convert string that contains HTML to sentences and also keep separator using Javascript
<p>This is my string. It contains some HTML:</p>

<p><code>First sentence. Here is a &lt;a href="http://google.com"&gt;Google&lt;/a&gt; link in the second sentence! The third sentence might contain an image like this &lt;img src="http://link.to.image.com/hello.png" /&gt; and ends with !? The last sentence looks like &lt;b&gt;this&lt;/b&gt;??</code></p>

<p>I want to split the string to sentences (array), keep the HTML as well as the separator. Like this:</p>

<pre><code>[0] = First sentence.
[1] = Here is a &lt;a href="http://google.com"&gt;Google&lt;/a&gt; link in the second sentence!
[2] = The third sentence might contain an image like this &lt;img src="http://link.to.image.com/hello.png" /&gt; and ends with !?
[3] = The last sentence looks like &lt;b&gt;this&lt;/b&gt;??
</code></pre>

<p>Can anybody suggest me a way to do this please? May be using Regex and match? </p>

<p>This is very close to what I’m after, but not really with the HTML bits:
<a href="http://stackoverflow.com/questions/11230178/javascript-split-regular-expression-keep-the-delimiter">JavaScript Split Regular Expression keep the delimiter</a></p>
