APEX

Hi ,

I have included the Jquery Js files in my page template as follows :

 <script type="text/javascript" src="#IMAGE_PREFIX#js/jquery-1.3.2.min.js"></script> 

Now If I use a function like below in my template, it works perfectly well

<script>
$(document).ready(function(){

$("#dialog2").dialog({
bgiframe: true,
autoOpen: false,
height: 300,
modal: true

});

});
</script>

{code}


However if I call the above script in my Page html header it throws an error 
 <b> $ is not defined </b>  
but works well if I add in the tempalte.
If I look at the page source , i notice that the page html header is displayed and then the page template header section and seems like that is the reason why the error comes when I call Jquery functions in my page html header....

Now I do not want to add individual functions to the template since they are page specific.
How do I handle this issue ? Should I include the call to the Jquery JS in my Page html header ?


Appreciate any pointers/suggestions.

Thanks,
Dippy