next() selects not the correct element
<p>I have a HTML list, which looks like this:</p>

<pre><code>&lt;ul class="search_list"&gt;
  &lt;li class="header"&gt;Header1&lt;/li&gt;
  &lt;li class="item"&gt;Text1&lt;li&gt;
  &lt;li class="item current"&gt;Text2&lt;li&gt;
  &lt;li class="header"&gt;Header2&lt;/li&gt;`
  &lt;li class="item"&gt;Text3&lt;li&gt;
&lt;/ul&gt;
</code></pre>

<p>I created a jQuery script which scrolls through the list of elements using the arrow keys. This works fine between the items <code>text1</code> and <code>text2</code>, but I want that even if <code>text2</code> is selected (marked with class current) and I press the arrow-down key that <code>text3</code> is selected, but this wouldn't work. But I don't understand it, because I use the following jQuery script and I explicitly ask for the class item... How can I solve this? I assume that the <code>class="header"</code> is the problem...</p>

<p><a href="http://jsfiddle.net/sfDJs/7/" rel="nofollow">http://jsfiddle.net/sfDJs/7/</a></p>

<p>I just figured out, that it works like this. But is this fine coding? :)</p>

<p><code>$('.search_list li.current').next().next('.search_list_item').addClass('current');</code></p>
