Aplicar mismo efecto a varios enlaces

[waspeis]

Buenas,

Quiero que al pasar el ratón por un enlace se aplique un pequeño efecto sobre una capa. La idea es que habrá dos grupos de enlaces, con un grupo se aplicará un efecto y con otro grupo se aplicará otro distinto.

Código CSS:

.clase
{
    background-color: #DCF3F9;
    font-style: italic;
    font-face: arial;
}
 

Código Javascript:

$(document).ready(function()
{
    $("#enlace").mouseover(function(event)
    {
        $("#capa").addClass("clase");
    });
    $("#enlace").mouseout(function(event)
    {
        $("#capa").removeClass("clase");
    });
});
 

Código HTML:

<div id="capa"><font face="arial">Esta es la capa</font></div><br><br>
<a id="enlace" href="">Efecto que se aplica al pasar el ratón</a><br>
<a id="enlace" href="">Efecto que se aplica al pasar el ratón</a>
 

Se que el id no se puede repetir. En este caso sólo sale el efecto cuando se pasa el ratón por el primer enlace. He probado a poner class en lugar de id pero tampoco funciona, en ese caso no funciona con ninguno de los dos enlaces.

Cómo puedo hacer para que se aplique el mismo efecto al pasar el ratón por varios enlaces?

Muchas gracias