how to select next instance of a selector with possibly intervening classes
<p>I'd like to be able to select the next instance of a specific selector such as .ajax-loader in the following. I tried .next('.ajax-loader') but didn't seem to work and since there could be intervening classes, just simply next() wouldn't work. Here's my markup and a fiddle:</p>

<pre><code>$(document).ready(function(){
  $('.click-me').on('click',function(){
    $(this).next().html('here i am');
  });
});​
</code></pre>

<p>html:</p>

<pre><code>&lt;button class='click-me'&gt;JT&lt;/button&gt;
&lt;div class='other-loader'&gt;other loader&lt;/div&gt;&lt;div class='ajax-loader'&gt;&lt;/div&gt;&lt;br /&gt;
&lt;button class='click-me'&gt;JU&lt;/button&gt;&lt;div class='ajax-loader'&gt;&lt;/div&gt;&lt;br /&gt;
</code></pre>

<p>In the first example, how could I progamatically say the next instance of ajax-loader? Here is a fiddle: <a href="http://jsfiddle.net/HAJLP/2/" rel="nofollow">http://jsfiddle.net/HAJLP/2/</a></p>

<p>thx in advance</p>
