Add remove class Jquery
<p>I have created this code in Jquery.</p>

<p>And it is working fine but I am trying  to accomplish this: I DON'T want to add a CLASS right away  (on document load) like in this example <b>INSTEAD</b> I would try to accomplish the following: </p>

<p>ON FIRST click select <b>FIRST li tag</b> and <b>THEN</b> add Class "active". I want to achieve the same functionality like in this <a href="http://jsfiddle.net/KVLE6/" rel="nofollow">Fiddle </a>. (Only difference is that I DON'T want <b>first li</b> tag to have CLASS right away , but to add a CLASS on button click.) Can someone help me out? Thank you!!</p>

<pre><code>$(document).ready(function() {
    $('ul li:first').addClass('active');
    $("button").click(function() {
        $('.active').removeClass('active').next('li').addClass('active')

    });
});
</code></pre>
