how to hide/remove all text in-between two elements?
<p>lets say i have this lump of HTML:</p>

<pre><code>&lt;div class="container"&gt;
&lt;span class="title"&gt;Heading 1&lt;/span&gt;
This is a description..&lt;br /&gt;
This is the second line..
&lt;div class="image"&gt;&lt;img src="image.jpg" /&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>What i want to do using jQuery/JavaScript is hide/remove all text and elements between <code>&lt;span class="title"&gt;</code> and <code>&lt;div class="image"&gt;</code>.</p>

<p>I've looked all over and found pretty much nothing. Any ideas on how i could do this? </p>
