title: Using jQuery how to select the first next element(s) that matches a certain selector?
body: <p>How to select a node after <code>$(this)</code> that matches a certain selector?</p>
  
  <p>eg:</p>
  
  <pre><code>&lt;textarea id="foo"&gt;&lt;/textarea&gt;
  &lt;a href="#"&gt;someLink&lt;/a&gt;
  &lt;a href="#"&gt;someOtherLink&lt;/a&gt;
  &lt;textarea id="bar"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>With out directly selecting #bar via $("#bar"), how can i select it from within #foo?</p>