How can I use jquery inside a content place holder in asp.net web application?

See more:

ASP.NET

jQuery

C#3.5

, +

I am trying to use simple jquery inside content place holder in my asp.net web application. While running the aaplication, it is working when the page gets loaded. After the page load, jquery stops working unfortunately. I hav placed my code below. Can anybody help?

<%@ Page Language="C#" CodeBehind="NewPage.aspx.cs" MasterPageFile="~/Site.Master" Inherits="WebApplication5.NewPage" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">


<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <header>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $(".btnnn").click(function () {
                    $("p").toggle("slow");

                });
            });
        </script>

    </header>

    <div>
        <p id="para">Click the button to hide this!!!</p>

    </div>

    <div>
        <asp:Button ID="Button1" CssClass="btnnn" runat="server" Text="Hide It" />
    </div>