Hide everything between 2 h2 tags?
<p>I have the following html snippet;</p>

<pre><code>&lt;h2&gt;Headline 1&lt;/h2&gt;
&lt;p&gt;Lorem ipsum bla bla&lt;/p&gt;
&lt;p&gt;Lorem ipsum bla bla&lt;/p&gt;
&lt;p&gt;Lorem ipsum bla bla&lt;/p&gt;

&lt;h2&gt;Headline 2&lt;/h2&gt;
&lt;p&gt;Lorem ipsum bla bla&lt;/p&gt;

&lt;h2&gt;Headline 3&lt;/h2&gt;
&lt;p&gt;Lorem ipsum bla bla&lt;/p&gt;
&lt;p&gt;Lorem ipsum bla bla&lt;/p&gt;
</code></pre>

<p>I wish to somehow, via jquery, target each "block" so i can append a div arround it. By "block" i mean all the code between h2 start-tag and down to the last p-tag, before the next h2 start-tag. The last h2-tag within the section, should just take the last p-tag.</p>

<p>Any suggestions as to how i best do this?</p>
