title: Parent / Child Click Tab
body: <p>I have a tab...</p>
  
  <pre><code>&lt;span id="Tab_1" class='Global_OFF'&gt;
      &lt;span id="Tab_Name_1"&gt;Tab Name&lt;/span&gt;
      &lt;span id="Delete_1" class="Tab_Delete"&gt;X&lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I have two jquery actions that happen. One is when I click the tab itself which is class 'Global_Off' and the other is when I click the delete button which is class 'Tab_Delete'. Unfortunately, when I click class 'Tab_Delete', it will fire class 'Global_OFF'. Is there a way to click 'Tab_Delete' without firing 'Global_OFF' in this  format?</p>