title: Find the next element that is not immediate?
body: <p>I want to find the first span element after class counter, in code something like this:</p>
  
  <pre><code>&lt;div class="counter"&gt;&lt;/div&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;span&gt;&lt;/span&gt;
  </code></pre>
  
  <p>It seems like the next() function only finds the immediate next element, so something like this:</p>
  
  <pre><code>$(".counter").next("span")
  </code></pre>
  
  <p>Won't work. The way I have been using is a bit lengthy and I was wondering if there was a shorter way, it is this:</p>
  
  <pre><code>$(".counter").nextAll("span").eq(0)
  </code></pre>
  
  <p>I think the <code>closest()</code> method in jQuery 3 will do the trick, but I am using 1.2.6 -- is there a better way to do this (am I just using <code>next()</code> wrong?)</p>