Параметр скрытия JQuery не работает в IE и Safari

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

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

.hide () работает, но по какой-то причине не работает с элементами в тегах параметров.

Кто-нибудь может мне помочь? Это сводит меня с ума. Большое спасибо за то, что уделили время помощи!

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