title: Parallel element selector
body: <p>We have the following situation:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;Button 1&lt;/li&gt;
      &lt;li class="active"&gt;Button 2&lt;/li&gt;
      &lt;li&gt;Button 3&lt;/li&gt;
      &lt;li&gt;Button 4&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>now the following code that handles it:</p>
  
  <pre><code>    $('.tab-menu li').on('click', function() {
          $($($(this).closest('.tab-menu')).find('li')).removeClass('active');
          $(this).addClass('active');
      });
  </code></pre>
  
  <p>it works, but is there a jQuery function that selects all 'parallel' elements ? I want this 
  part</p>
  
  <pre><code>$($($(this).closest('.tab-menu')).find('li')).removeClass('active');
  </code></pre>
  
  <p>make shorter. I know 'toggleClass', but this works only on the clicked element. Is there any shorter method to select all parallel elements? (In this siutation all 'li' that belongs to the specific 'ul');</p>