title: JQuery shortcut to select siblings of parent
body: <p>At the moment I'm using this </p>
  
  <pre><code>$('body').on('click', '#edit_card .ui.menu a.item', function() {
    tab = $(this).closest('.ui.tab.active');
    updateRelationshipsContentCard(tab);
  });
  </code></pre>
  
  <p>To try to select the active tab when clicking the a tag, but it is not finding anything, where is my mistake?</p>
  
  <pre><code>&lt;div class="ui pointing secondary menu"&gt;
      &lt;a class="item" data-tab="1"&gt;1&lt;/a&gt;
      &lt;a class="item active" data-tab="2"&gt;Pessoas&lt;/a&gt; &lt;- Clicked this
  &lt;/div&gt;
  &lt;div class="ui tab" data-tab="1"&gt;
      &lt;div class="ui basic segment"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="ui tab active" data-tab="2"&gt; &lt;- Need to select this
      &lt;div class="ui basic segment"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I know that using</p>
  
  <pre><code>tab = $(this).parent().parent().children('.ui.tab.active');
  </code></pre>
  
  <p>Worked, but I can't see why using <code>closest</code> wouldn't</p>