Jquery related problem
<p>I have only one button and I mention what to do when user click on the button with the help of jQuery. but when I click then nothing happen just only postback happen. I don't want a postback.</p>

<p>Here is my code:</p>

<pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="BBAWeb.WebForm1" %&gt;
&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 runat="server"&gt;
    &lt;title&gt;&lt;/title&gt;
        &lt;script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"/&gt;
    &lt;script type="text/javascript"&gt;
        $(document).ready(function () {
            $('#btn').click(showMessage);
            return false;
        });

        function showMessage() {
            $('#message').fadeIn('slow').html("Hello");
        }  
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;form id="form1" runat="server"&gt;
    &lt;div&gt;
        &lt;asp:Button ID="btn" runat="server" Text="Click Me" /&gt;
        &lt;div id="message"&gt;welcome to kolkata&lt;/div&gt;
    &lt;/div&gt;
    &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Please see my code and tell me what is wrong in it. I would like a suggestion.</p>
