title: Find closest div with specified class
body: <p>I have the DOM structure as</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;div id="wrapper"&gt;
          &lt;input type="text" id="search" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="subContent"&gt;
  &lt;/div&gt;
  &lt;div class="subContent"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to select <code>&lt;div class="subContent"&gt;</code> on enter event of input box which is closest to the input box. </p>
  
  <pre><code>$('#search').on('keypress', function(){
      $(this).parent().parent().next();
  });
  </code></pre>
  
  <p>Is there a better way to do this ?</p>