title: Select all table rows between headers using JQuery
body: <p>Having the following automatically generated table layout (I have nearly no influence over it)</p>
  
  <pre><code>&lt;table&gt;
     &lt;tr&gt;
        &lt;th&gt;First Header&lt;/th&gt;
        &lt;th&gt;
           &lt;a href="#" class="used-for-some-action"&gt;show/hide&lt;/a&gt;
        &lt;/th&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
        &lt;td&gt;A question?&lt;/td&gt;
        &lt;td&gt;&lt;input value="User's answer" /&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;!-- Some more rows --&gt;
  
     &lt;tr&gt;
        &lt;th&gt;Second Header&lt;/th&gt;
     &lt;/tr&gt;
  
     &lt;!-- Some more question blocks --&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>... I'd like to select all the <code>&lt;tr&gt;</code>-elements between two headers using Javascript/jQuery
  in order to provide such features like:</p>
  
  <ul>
  <li>Hiding all the questions belonging to a certain header.</li>
  <li>Automatically edit the <code>&lt;input&gt;</code>s (<em>eg.</em> check/uncheck all <em>or</em> restore default)</li>
  </ul>
  
  <p>The links causing the desired actions are already in the correct headers.</p>
  
  <p>What would be the best way to approach this issue?</p>