remove all tags, after given tag
<p>I have this html</p>

<pre><code>&lt;div&gt;
    &lt;p&gt;&lt;/p&gt;
    &lt;!-- here may be several tags, may be none --&gt;
&lt;/div&gt;
</code></pre>

<p>I want at  click on document, remove all tags, which may be will after <code>&lt;p&gt;</code> tag, (after <code>&lt;p&gt;</code> tag may be several and may be none tags), please tell, how make this?</p>

<pre><code>$(document).on("click", function () {
    // ???
})
</code></pre>
