title: jQuery find next/prev elements of a certain class but not necessarily siblings
body: <p>The next, prev, nextAll and prevAll methods are very useful, but not if the elements you are trying to find are not in the same parent element. What I want to do is something like this:</p>
  
  <pre><code>&lt;div&gt;
      &lt;span id="click"&gt;Hello&lt;/span&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;p class="find"&gt;World&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When the span with the id <code>click</code> is pressed, I want to match the next element with the class <code>find</code>, which in this case is not a sibling of the clicked element so <a href="http://api.jquery.com/next/" rel="noreferrer"><code>next()</code></a> or <a href="http://api.jquery.com/nextall/" rel="noreferrer"><code>nextAll()</code></a> won't work.</p>