How to remove a css class with jquery?
<p>I am adding a css class to some asp buttons on <code>mouseenter</code> and removing that class on <code>mouseleave</code> but i don't see the effect of new class the class which i added on mouse enter is still there.</p>

<p>I m doing something like:</p>

<pre><code> &lt;script src="jquery-1.6.2.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;

        $(document).ready(function () {

            // mouse hover
            $("[id^='MangoPager_btn']").mouseenter(mouseenterfunction);
            // mouse leave
            $("[id^='MangoPager_btn']").mouseleave(mouseleavefunction);

        });

        function mouseleavefunction() {

            $(this).removeClass("pagerbtnHover");
            $(this).addClass("buttonclass");        }

        function mouseenterfunction() {

            $(this).addClass("pagerbtnMouseEnter");
        }

    &lt;/script&gt;
</code></pre>

<p>on mouse leave i want to remove <code>pagerbtnMouseEnter</code> class and want to attach <code>buttonclass</code>.</p>
