Why the first function is not triggered in this way?
<p>I tested this code snippet but the first function is not executing while the second one does.Why is this? The same function works fine on hover event..</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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;script type="text/javascript" src="jquery-1.6.1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){
        $("p").mouseover(function(){
                $(".Stop").text($(".Stop").text()+"  Test 0");
            },function(){
                    $(".Stop").text($(".Stop").text()+"  Test 1");
                }

            );
    })
&lt;/script&gt;
&lt;style type="text/css"&gt;
.Stop{color:red;border:#000 thin solid;width:100px;}
&lt;/style&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;form name="frm1" &gt;
    &lt;input type="text" id="myForm"/&gt;
    &lt;input type="text" id="myForm1"/&gt;
    &lt;input type="text" id="myForm2"/&gt;
&lt;/form&gt;
&lt;p class="sakl" &gt;Click&lt;/p&gt;
&lt;p class="Stop"&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
