why my jquery is not working in my content page for button click ?

     <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="JqueryTest._Default" %>

       <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
      
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

    <h2>
        Welcome to ASP.NET!
    </h2>
    <asp:Button ID="button" runat="server" Text="Click Me" />
    <p>
        To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>
    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409">
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>
    

  <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
$.(document).ready(function (){
    
        $("button").click(function () {
            $("p").hide();
        });
    });
</script>