使用jquery检查选定的下拉列表？

Question

我正在尝试创建一个控制表单外观的jquery函数。我在rails中创建了一个视图，您可以在其中创建买入/卖出订单，并根据您选择的形式显示不同的形式。

以下是我观点的相关部分：

<%= form_for @trade_order do |f| %>
<div class="field">
  <%= f.label :type, 'Buy or sell?'%>
  <%= f.select :type, [['Buy','buy'],['Sell','sell']] %>
</div>
<script>
  $('#trade_order_type').change(function() {
    if($(this.val() == "buy"){
      $('#buy').show();
      $('#sell').hide();
    }else{
      $('#buy').hide();
      $('#sell').show();
    }
  });
</script>
<div id="buy">
  <div class="field">
.....

买/卖div是我打算隐藏/显示的内容，具体取决于用户选择的内容。 代码一直运行到if语句。但我不明白为什么它不起作用。

如果有人请你看看这个并给我一块骨头，你就可以度过我的一天！