click event fired although classname changed
<p>I have a newbie question about jQuery. Why is it that I can trigger the click event below even though the element has changed class? Even though I change the class from "edit" to "tide", $(".edit").click() is working on that element.</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;title&gt;Untitled Document&lt;/title&gt;
    &lt;script type="text/javascript" src="jquery-1.4.2.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        $(document).ready(function(){
            $(".edit").click(function(){
                console.log(this);
                $(this).removeClass("edit").addClass("tide");
            });
        });
    &lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;div class="edit"&gt;Hi there&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Thank you!</p>
