Jquery hide not working in my asp.net 4.0 app
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JQexp2.aspx.cs" Inherits="JQexp2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.7.2.js"></script>
<script src="Scripts/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function () {
$("#hide").click(function () {
$("p").hide();
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p style="display:block;"> If you click on the "Hide" button, I will disappear.</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</div>
</form>
</body>
</html>
When i Run this it would not hidden...please find the answer..