How to use jquery tooltip in jsp

jQuery tooltip is a very important feature in jquery . There are many plugin but i am very much comfortable and feel easy to use tipsy tooltip.

There are some steps to implement it.

step1:
Include javascript in your html head block
<!-- you can download jquery.js from http://docs.jquery.com/Downloading_jQuery
and jquery.tipsy.js from http://plugins.jquery.com/project/tipsy
-->
<script type='text/javascript' src='js/jquery.js'></script>
<script type="text/javascript" src="js/jquery.tipsy.js"> </script>

step2: call your tipsy function

<div id='main'/>

<script type='text/javascript'>
$(function() {

$('#example-1').tipsy();

});
</script>

<a id='example-1' href='#' title='like'> like </a>

</div>