JQuery Hide Option не работает в IE и Safari

Я пытаюсь скрыть несколько вариантов в раскрывающемся списке с помощью .hide (). Это прекрасно работает в Firefox и Chrome, но не работает в IE и Safari. Мой оригинальный код более сложный, но я сузил его до этого.

Я пробовал несколько комбинаций и ничего не получалось.

.hide () работает, но не для вещей внутри тегов option по какой-то причине.

Может кто-нибудь, пожалуйста, помогите мне? Это сводит меня с ума. Большое спасибо, что нашли время помочь!

Вот мой jscript:

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

Вот 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 />

Ответы на вопрос(6)

Ваш ответ на вопрос