title: Add class after traversing up mand down a tree
body: <p>I have the following structure:</p>
  
  <pre><code>&lt;li&gt;
      &lt;div class="classA"&gt;
          &lt;div class="classB"&gt;&lt;/div&gt;
          &lt;div class="classC"&gt;&lt;/div&gt;
          &lt;div class="classD"&gt;
              &lt;div class="classE"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I want to click on div with class <code>classE</code> and add a class to div with class <code>classB</code></p>
  
  <p>This is what I'm trying but it's failing:</p>
  
  <pre><code>$(document).on('click', '.classE', function() {
      $(this).closest('li').find('.classB').addClass('addMe');
  });
  </code></pre>
  
  <p>I've also tried:</p>
  
  <pre><code>$(document).on('click', '.classE', function() {
      $(this).closest('classA').find('.classB').addClass('addMe');
  });
  </code></pre>
  
  <p>I figured they're both parents, albeit removed, of <code>classB</code> so should find it?</p>