title: jquery: closest('h3') selector?
body: <p>i have:</p>
  
  <pre><code>&lt;ul class="rating"&gt;
      &lt;h3&gt;Like this&lt;/h3&gt;
      &lt;li class="rating-number"&gt;
          &lt;div id="iLikeThis" class="iLikeThis"&gt;
              &lt;span class="counter"&gt;2&lt;/span&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>this is my jquery code</p>
  
  <pre><code>$('.iLikeThis .counter').each(function() {
          $(this).parent().parent().parent().children('h3').text('You like this');
          $(this).parent().addClass('like');
  });
  </code></pre>
  
  <p>Is there a better way to select the nearest h3 element. It does work with 3-times parent() but not with closest('h3).</p>
  
  <p>Why?</p>