Hiding text after asp.net form post submit

Hiding text after asp.net form post submit

The following is some code I am playing around with to see if I can hide some text after an asp.net form post. I stripped out a bunch of stuff but you should get the picture. The button works but the submit does not. Does jQuery play well with asp.net?

                   < script >
                  $(document).ready( function  () { 
	        $("button").click(function () {
	            $("#test").hide();
	        });
	    });
	</script>
 ------------------------------------------------
	   <script>
	       $(document).ready(function () {
	           $("form").submit(function () {
	               $("#test").hide();
	           });
	       });
 
		 </script>
 
   </head>
<body>
 
 
	<button>Click me</button>
	<p id="test">Test </p>


<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Get Info!" />