title: addClass to Parent
body: <p>HTML:</p>
  
  <pre><code>&lt;div class="tabbed-section"&gt;
      &lt;ul class="tabs"&gt;
          &lt;li&gt;&lt;a href="#tab-1"&gt;Tab 1&lt;/a&gt;&lt;li&gt;
          &lt;li&gt;&lt;a href="#tab-2"&gt;Tab 2&lt;/a&gt;&lt;li&gt;
      &lt;/ul&gt;
      &lt;div id="tab-1" class="panel"&gt;
          content 1
      &lt;/div&gt;
      &lt;div id="tab-2" class="panel"&gt;
          content 2
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>    $('.tabbed-section .panel').hide();
      $('.tabbed-section .panel:first').show();
      $('.tabbed-section .tabs li:first').addClass('active');
      $('.tabbed-section .tabs li a').click(function () {
          $('.tabbed-section .tabs li').removeClass('active');
          $(this).parent().addClass('active');
          var currentTab = $(this).attr('href');
          $('.tabbed-section .panel').hide();
          $(currentTab).show();
          return false;
      });
  </code></pre>
  
  <p>I want add the active tab ID ("tab-1" for example) as a class to the "tabbed-section" div, and remove it ofcourse while another tab is active, how do I achieve this?</p>