title: next() and nextall >
body: <p>I have the following structure</p>
  
  <pre><code>&lt;h2&gt; title &lt;/h2&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;h2&gt; title 2 &lt;/h2&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I am using <code>Jquery.load()</code> function and it looks like so:</p>
  
  <pre><code>&lt;script&gt; $('#result').load('http://www.mysite/page h2:contains(title)'  ) ;
  </code></pre>
  
  <p>This works to get me to the h2.. but I can't seem to get to the NEXT element.. do they have to match? ie do they all have to be the same tags. I tried:</p>
  
  <pre><code>&lt;script&gt; $('#result').load('http://www.mysite/page h2:contains(title).next(li:lt(3)'  ) ;
  </code></pre>
  
  <p>but it does not work.. I need to select 3 li's FOLLOWING each specified h2</p>
  
  <p>Thanks in advance. </p>