Select dinámico

[Banditolane]

Buenas a todos:

Tengo un form con un select. A continuación de éste, habría otro que depende del primero, es decir, en funcion de la opción seleccionada en el primer select, cambiará el contenido del segundo... Os muestro el código que estoy usando y que no funciona... al menos dinamicamente:

Código:

<script type="text/javascript">

var cat;
cat = $("#categoria").val();
if(cat == 'Hotel') {
$('#add_form').append("Estrellas:<br><select id='puntuacion' name='puntuacion'><option>-----</option><option>1 Estrella</option><option>2 Estrellas</option><option>3 Estrellas</option><option>4 Estrellas</option><option>5 Estrellas</option></select><br><br>");
}

else if(cat == 'Restaurante') {
$('#add_form').append("Tenedores:<br><select id='puntuacion' name='puntuacion'><option>-----</option><option>1 Tenedor</option><option>2 Tenedores</option><option>3 Tenedores</option><option>4 Tenedores</option><option>5 Tenedores</option></select><br><br>");
}

else {
$('#add_form').append("Subcategor&iacute;a:<br><select id='subcategoria' name='subcategoria'><option>-----</option><option>Azafatas</option><option>Empresas de transporte</option><option>Catering</option><option>Audiovisuales</option><option>OPC</option><option>Publicidad y comunicaci&oacute;n</option><option>Agencias de viajes</option></select><br><br>");
}

</script>

Bueno, espero que alguien haya hecho esto antes y me pueda ayudar.

Gracias y un saludo!