title: Get content after header tag with Nokogiri
body: <p>I am playing with Nokogiri just to learn it and am trying to write a little CL scraper.  Right now I am trying to match up each State on the main page with the cities underneath.  Below is a snippet of the HTML:</p>
  
  <pre><code>&lt;div class="colmask"&gt;
  &lt;div class="box box_1"&gt;
  &lt;h4&gt;Alabama&lt;/h4&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="//auburn.craigslist.org/"&gt;auburn&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//bham.craigslist.org/"&gt;birmingham&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//dothan.craigslist.org/"&gt;dothan&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//shoals.craigslist.org/"&gt;florence / muscle shoals&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//gadsden.craigslist.org/"&gt;gadsden-anniston&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//huntsville.craigslist.org/"&gt;huntsville / decatur&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//mobile.craigslist.org/"&gt;mobile&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//montgomery.craigslist.org/"&gt;montgomery&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//tuscaloosa.craigslist.org/"&gt;tuscaloosa&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;h4&gt;Alaska&lt;/h4&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="//anchorage.craigslist.org/"&gt;anchorage / mat-su&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//fairbanks.craigslist.org/"&gt;fairbanks&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//kenai.craigslist.org/"&gt;kenai peninsula&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="//juneau.craigslist.org/"&gt;southeast alaska&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I can already pull out just this div class of "colmask" easy enough.  But now I am just trying to get the UL directly after each h4, but can't find a way to do it so far.  Suggestions?</p>