how to do fadeout in jquery asp.net
<p>I have the below ASP.NET code. When I click on the button, for one or two times at the beginning, the text inside the div <strong>div1</strong> was disappearing for a moment, and was displayed again. But then, when I try it now, it never disappears. The text inside the div just stays.</p>

<pre><code>&lt;head runat="server"&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script type="text/javascript" src="jquery-1.8.3.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(
        function () {
            $("#div1").css("color", "red");
            $("#btn").click(function () {
                $("#div1").fadeOut("slow");
            });
        });
&lt;/script&gt;
</code></pre>

<p></p>

<pre><code>&lt;body&gt;
&lt;form id="form1" runat="server"&gt;
&lt;div class="ab" id="divTest" runat="server"&gt;test&lt;/div&gt;
    &lt;asp:Button ID="btn" runat="server" Text="GET" /&gt;
    &lt;div id="div1" runat="server"&gt; 
        &lt;div&gt;test new &lt;/div&gt;                
        &lt;div id="divTestArea1"&gt;
            &lt;b&gt;Bold text&lt;/b&gt;
            &lt;i&gt;Italic text&lt;/i&gt;
            &lt;div id="divTestArea2"&gt;
                    &lt;b&gt;Bold text 2&lt;/b&gt;
                    &lt;i&gt;Italic text 2&lt;/i&gt;
                    &lt;div&gt;
                            &lt;b&gt;Bold text 3&lt;/b&gt;
                    &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;  
   &lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>  </p>
