JQuery Hover not working on table td inside ASP.net repeater control .

See more:

ASP.NET

jQuery

I have an element with class name coapplicants inside a repeater.I have write jQuery code for display an alert on hover of that element but its not working as i have tested it in browser console its working .
please reply the solution for this problem ASAP......

I am attaching my code here below ....

JQuery code :

<script type="text/javascript">
    $(document).ready(function(){
       $('.coapplicants').hover(function(){
           alert('mouseIn');
       },function(){
           alert('mouseOut');
       });
    });

 </script>

HTML content :

<table border="1">
    <tr>
        <td>
            <input id="h" type="checkbox" name="f" >
                <input type="hidden" name="fgg" id="rt" value="30">
                                                                </td>
                                                                <td><span>TEST 4</span></td>
                                                                <td><span>TEST 4</span></td>
                                                                <td><span>Banarpal</span></td>
                                                                <td><span>866767</span></td>
                                                                <td><span>67</span></td>
                                                                <td><span>65675</span></td>
                                                                <td><span>76756656</span></td>
                                                                <td class="coapplicants"><span>Click To Show</span></td>
                                                            </tr>
</table>