Jquery simple text fade-in

Hello,
I am not a programmer :-( i am a designer :-)~
i am trying to use jquery to fade-in a line of text in my webpage which is actually the sub title of the page. below is the code i am trying to use and its not working. if anyone can guide me to make the code better i would appreciate that.  i need to text to fade-in nice and slowly :-)

-------THE HEAD SECTION------------------

<script language="javascript" type="text/javascript" src="js/jquery-1.3.2.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#fader").css("display","block").fadeIn('slow');
});
</script>

<style type="text/css">
#fader {
display:none;	
} 
</style>

-------THE BODY SECTION------------------
<div id="fader">the line of text</div>

Select allOpen in new window