Como cambiar la clase del ul,li,a al darle clic

[miguelsirna]

Tengo la siguiente lista en mi HTML

Código HTML:

<div class="block audio">
  <ul>
    <li>
      <a>Español</a>
    </li>
    <li>
      <a>Ingles</a>
    </li>
  </ul>
</div

Y aca mi codigo javascript que se supone que si le doy click a "<a>Español</a>" o a "<a>Ingles</a>" me tiene que agregar la clase "sel" al que le halla dado clic:

Código:

$(document).ready(function(){
    $(".audio > a").click(function(e){
        var a = e.target.id;
        //desactivamos seccion y activamos elemento de menu
        $(".audio a.sel").removeClass("sel");
        $(".audio #"+a).addClass("sel");
        //ocultamos divisiones, mostramos la seleccionada
        $(".trailer").css("display", "none");
        $("."+a).fadeIn();
    });
});

He probado agregándole ul li después de .audio y no me funciona como debería de ser, acá les dejo el link de la pagina en donde me ocurre este problema.
[url=http://goo.gl/xmA0F3]http://goo.gl/xmA0F3[/url]

Les agradecería muchísimo si me ayudasen con esto, Gracias!