title: jQuery: How to select "from here until the next H2"?
body: <p>I'm setting up a very straightforward FAQ page with jQuery.  Like so:</p>
  
  <pre><code>&lt;h2&gt;What happens when you click on this question?&lt;/h2&gt;
  &lt;p&gt;This answer will appear!&lt;/p&gt;
  </code></pre>
  
  <p>This is all inside a very specific div, so I'll be selecting the header with <code>$('#faq h2')</code>.  Simple, right?  Click on the H2, and use <code>this.next()</code> to make the next paragraph show up.</p>
  
  <p>(The caveat with this page is that a non-programmer will be maintaining it, which is why I'm not using classes: there's no guarantee that any new entries would have the right classes in them.)</p>
  
  <p>So!  The problem:</p>
  
  <pre><code>&lt;h2&gt;What happens when you click on the next question?&lt;/h2&gt;
  &lt;p&gt;That is an interesting conundrum.&lt;/p&gt;
  &lt;p&gt;Because the maintainer is kind of long-winded&lt;/p&gt;
  &lt;p&gt;and many answers will span a few paragraphs.&lt;/p&gt;
  </code></pre>
  
  <p>So how, without adding in <code>div</code>s and classes and whatnot, can I have my <code>this.next()</code> routine select everything between the question-that-was-clicked-on and the next question (H2 header)?</p>