jQuery remove all elements until id='whatever' found
<p>Need to remove all the code from the start tag  to the next </p>

<p>I've tried this</p>

<pre><code>$('#page1').remove();
</code></pre>

<p>But that only removes what's between the  tag.</p>

<p>And I don't know what else could be between the page1 and page2 tags as the code is dynamically added based on the types of form elements on the page</p>

<pre><code>&lt;div id='page1' name='page1'&gt;
 ...
&lt;/div&gt; 
&lt;div id='another element' /&gt;
&lt;div id=yet 'another element' /&gt;
...
&lt;!-- Need to remove from page1 to here --&gt;
&lt;div id='page2' name='page2'&gt;
 ...
&lt;/div&gt;
</code></pre>
