Выпадающие списки
 

Есть два списка нужно ,чтобы во втором списке показывались option в зависимости от того какой выбраны в 1.

<select  id="Fruit">
<option value=»blue»>Яблоко</option>
<option value=»brown»>Апельсин</option>
<option value=»burgundy»>Груша</option>
</select>
<select  id="Color">
</select>

jQuery(document).ready(function () {
    $('#Fruit').change(function () {
        switch ($("#Fruit").val()) {
            case "1" :
                ("#Color").append($('<option value="2">Красный</option>'));
                break;
            default:
              ("#Color").append($('<option value="2">Зеленый</option>'));
        }
    });
});

Выдает ошибку что Color не содержит метод append хотя

$('#Fruit').change(function () {

              ("#Color").append($('<option value="2">Зеленый</option>'));
        }
    });
});

Отлично все работает. С чем может быть связано при использовании конструкций switch или if у объекта не могут быть вызваны ряд функций

LightKnight $ не потерял?

Все заработало ,спасибо.