title: only get next instance in the entire document
body: <p>I want to simply target ONLY the first instance of an element in the document after a clicked element. This is what I came up with:</p>
  
  <pre><code>$('.class').click(function(){
      var x = $(this).nextAll('.anotherclass').first();
      //do something
  });
  </code></pre>
  
  <p>but this will only be able to grab from the siblings of <code>.class</code> meaning that if there is no instance of <code>.anotherclass</code> as a sibling, it will not continue to go through the document. </p>
  
  <p>I want it to simply grab the <code>.anotherclass</code> instance that I would fine if I went through the html line by line starting at the clicked <code>.class</code></p>
  
  <p><strong>How can I do this?</strong></p>