Глюк во втором списке при выборе первого

При выборе первого поля, меняется значения второго. Но при первом открытии страницы, во втором поле, должно быть по умолчанию только "Выберите модель", а у меня выводятся все значения. После того, как выбираю второй или третий все поправляется. В чем глюк? Даже selected добавил, не помогает.

<select name="first" id="first">
        <option value="one" selected>Выберите марку</option>
        <option value="two">BMW</option>
        <option value="tri">Audi</option>
             </select>
    <select name="second" id="second">
        <option value="one" class="one" selected>Выберите модель</option>
        <option value="two" class="two">Второй 1</option>
        <option value="two" class="two">Второй 2</option>
        <option value="two" class="two">Второй 3</option>
        <option value="tri" class="tri">третий</option>
        <option value="tri" class="tri">третий 2</option>
    </select>
    <script>
    $('#first').change(function(){
        var cls = $(this).val();
        $('#second option').hide();
        $('#second ' + '.' + cls).show();
    });
    </script>