title: How to remove text inside p element?
body: <p>Let's say i have something like this:</p>
  
  <pre><code>&lt;p&gt;
   &lt;h1&gt;Coming events&lt;/h1&gt;
   &lt;br&gt;
   randomtext
  randomtext
  randomtext
  &lt;h1&gt;Past events&lt;/h1&gt;
  &lt;br&gt;
  randomtext
  randomtext
  randomtext
  &lt;/p&gt;
  </code></pre>
  
  <p>I want to remove the h1 containing Past events and every single line of text afther that until the <code>&lt;p&gt;</code> closes. I've tried wrapping around a div but that didn't seem to work for me. I'm still in the learning process of jQuery. </p>
  
  <p>So what i expect is the following after the jQuery runs the output would be:</p>
  
  <pre><code>&lt;p&gt;
       &lt;h1&gt;Coming events&lt;/h1&gt;
       &lt;br&gt;
       randomtext
      randomtext
      randomtext
  &lt;/p&gt;
  </code></pre>