鼠标经过表格怎样改变那一列的颜色

<table class="hoverClass">
    <tr>
        <td width="200">aaa</td>
        <td width="200">bbb</td>
        <td width="200">ccc</td>
    </tr>
    <tr>
        <td width="200">aaa</td>
        <td width="200">bbb</td>
        <td width="200">ccc</td>
    </tr><tr>
        <td width="200">aaa</td>
        <td width="200">bbb</td>
        <td width="200">ccc</td>
    </tr><tr>
        <td width="200">aaa</td>
        <td width="200">bbb</td>
        <td width="200">ccc</td>
    </tr><tr>
        <td width="200">aaa</td>
        <td width="200">bbb</td>
        <td width="200">ccc</td>
    </tr><tr>
        <td width="200">aaa</td>
        <td width="200">bbb</td>
        <td width="200">ccc</td>
    </tr><tr>
        <td width="200">aaa</td>
        <td width="200">bbb</td>
        <td width="200">ccc</td>
    </tr>
</table>
<style>   
    td.hover {background:#ddd;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> 
<script type="text/javascript">
    $(document).ready(function(){
        var hover_index = 0;
        $("table.hoverClass td").hover(function (){
            hover_index =  $(this).parent().find('td').index(this);
            $("table.hoverClass tr").find("td:eq("+hover_index+")").addClass("hover");
        },function(){
            $("table.hoverClass tr").find("td:eq("+hover_index+")").removeClass("hover");
        });
    });
</script>