Estou tentando ocultar algumas opções em uma caixa suspensa usando .hide (). Isso funciona perfeitamente no firefox e no chrome, mas não funciona no IE e no Safari. Meu código original é mais complexo, mas eu o reduzi a isso.

Tentei várias combinações e nada funciono

.hide () funciona, mas não por itens das tags de opção por algum motiv

Alguém por favor pode me ajudar? Isso está me deixando louco. Muito obrigado por reservar um tempo!

Aqui está o meu jscript:

    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".wrapper1").hide();
        });
    </script>

Aqui está o HTML:

                <label for="prodName">Product Name:</label> 
                <input type="text" name="prodName" /><br />

                <label for="candy">Candy:</label> 
                <select name="candy" id="candy">
                        <option value="0" class="blank" selected="selected"></option><!-- PHP and JS validators should not allow "0" here. User should be prompted to select something. -->
                        <option value="1" class="wrapper1">Hide this 1</option>
                        <option value="2" class="wrapper1">Hide this 2</option>
                        <option value="3" class="wrapper2">Show this 1</option>     
                </select><br />