(jQuery/Selectors) select element after a specified class
<p>i am trying to use the plugin <a href="http://www.infinite-scroll.com/" rel="nofollow">infinite scroll</a></p>

<p>it requires the selector for the next page link. i suppose that if the navigation is as follows, </p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="#" class="active"&gt;page 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" class="next"&gt;page 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;page 3&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;page 4&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;page 5&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>i can use <code>"a.next"</code> as the selector for the next page. but what happens if my page nav markup is as follows, without the <code>.next</code> class</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="#" class="active"&gt;page 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;page 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;page 3&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;page 4&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;page 5&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>how can i select the page 2 link assuming <code>.active</code> signifies the current page</p>
