jQuery won't change inner HTML

[twelve_o_clock]

In my head tag I have <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js"> </script> and later in another

script tag I have:

$(document).ready(function(){
$("p#test").html("AAAA");
}

In the body of my document I have:

<p id="test">a</p>

However, when I load the page it displays "a" instead of "AAAA".