Adicionar um evento onmouseover nas linhas de uma tabela, alterando a cor de fundo

Código:

<script type="text/javascript">
    $(function(){
        $('tbody tr')
            .mouseover(function(){
                $(this).addClass('over');
            })
            .mouseout(function(){
                $(this).removeClass('over');
            });
    });
</script>
 
<style type="text/css">
    thead th {
        background: #f90;
    }
 
    .over {
        background: #03c;
    }
</style>
<table>
    <thead>
        <tr>
            <th>Band</th>
            <th>Album</th>
        </tr>
    </thead>
 
    <tbody>
        <tr>
            <td>NOFX</td>
            <td>So long, and thanks for all the shoes</td>
        </tr>
        <tr>
            <td>Millencolin</td>
            <td>Life on a plate</td>
        </tr>
        <tr>
            <td>Pennywise</td>
            <td>About time</td>
        </tr>
    </tbody>
</table>

Resultado:

Band Album
NOFX So long, and thanks for all the shoes
Millencolin Life on a plate
Pennywise About time