jquery hide（）删除选择选项

Question

我有两个选择列表 -

选择1个选项 - 周五，周六，周日

选择2个选项 - ...不同时间......

目标 - 您选择的日期（星期五，星期六，星期日）在第二个选择中提供不同的时间列表

我试过 - 我使用jquery来隐藏（）以根据第一个选择的值隐藏第二个选择的选项。

问题 - 当我选择第三个选项（Sun）时，第二个选择的下拉列表只有一行，即使有6个项目可用。

http://i60.tinypic.com/34pko5k.png

这是我的jsfiddle - http://jsfiddle.net/joshuajsmith/VLuFG/

这是我的jquery :(与jsfiddle相同）

$(function(){
      $('#review_day_sel').change(function(){
          var selectedDay = $("#review_day_sel option:selected").val();
          $(".hide-option").hide();
          $("."+selectedDay).show();
      });
});

为什么会这样？ hide() / show()是否有正确的方法？