title: jQuery closest() or prevAll() not working
body: <p>When the user hovers over the link with the class <code>"thumb"</code>  the closest link with the class <code>"title"</code> should have the class <code>"media-link-hover"</code> applied to it. How can this be done?</p>
  
  <p>I tried <code>closest()</code> and also this but nothing seems to be working:</p>
  
  <pre><code>$('a.thumb').hover(function() {
      $(this)
          .prevAll('.block')
          .find('a.title')
          .addClass('media-link-hover');
  }, function() {
      $(this)
          .prevAll('.block')
          .find('a.title')
          .removeClass('media-link-hover');
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;article class="block"&gt;
      &lt;div class="inner-left"&gt;
          &lt;a class="thumb" title="" href=""&gt;
              &lt;img width="198" height="111" alt="" src="" /&gt;
              &lt;span class="media-overlay"&gt;video&lt;/span&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="inner-right"&gt;
          &lt;a class="title" title="" href=""&gt;Hello&lt;/a&gt;
          &lt;div class="description"&gt;
              &lt;p&gt;Hi there&lt;/p&gt;
              &lt;a class="teaser" href=""&gt;Hola&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="media-stats"&gt;
              &lt;span class="finder"&gt;Found by &lt;strong&gt;Me&lt;/strong&gt; 1 month ago&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/article&gt;
  </code></pre>