title: How to change the class property of <li> in jQuery tab widget
body: <p>In my script there is a jQuery tab widget. When I click a tab I want to change the <code>class</code> property of the <code>li</code> of the active tab to <code>current</code>.</p>
  
  <p>How can I do it? </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul class="nav-content"&gt;
      &lt;li class="current first-li"&gt;&lt;a href="#tabs-1"&gt;tab 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;tab2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$("ul.nav-content li").click(function() {
      // ??
  })
  </code></pre>