html elements end up in a strange order.

[abgreeve]

If I use the function as follows:
jQuery.truncate('<div class=\'frog\'><p><blockquote>Long text with tags that will be chopped off but <b>should be added back again</b></blockquote></p></div>', {length:15});

I would expect:
<div class="frog"><p><blockquote>Long text with...</blockquote></p></div>
But instead I get the following:
<div class="frog"><p></p><blockquote>Long text with...</blockquote></div>
Notice that the <p> tags no longer surrounds the <blockquote> element.