Tool tip code in Jquery

Follow below code ....

 <script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
<style type="text/css">
    .tooltip {
    display:none;
    background:#333333;
    font-size:12px;
    height:110px;
    width:150px;
    padding:25px;
    color:#fff;  
}
</style>

<span id="list"><a href="#">list of documents</a></span>.

                        <!-- tooltip element -->
                        <div class="tooltip">
                            <table style="margin:0">
                                <tr>
                                    <td class="label">1. Graduatiom Marksheet</td></tr>
                                <tr>
                                <tr>                               
                                    <td class="label">2. Certificate </td>
                                </tr>
                                <tr>
                                    <td>OR Xth , XI th </td>
                                </tr>   
                                                                                              
                            </table>
                        </div>

                        <script>
                            $("#list").tooltip({ effect: 'slide'});
                        </script>