jquery-ui-rails没有显示建议列表

Question

您好我已经按照自动修复程序修改了railscast youtube视频，但我不知道为什么它会丢失。

这是我的application.js：

//
//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require_tree .

这是我的products.js.coffee：

jQuery ->
$("#search_term").autocomplete
source: ["foo", "food", "four"]

这是我的application.html.erb（搜索框部分）：

<% if controller.controller_name == 'products' %>
      <div class="col-sm-3 col-md-3 pull-right">
        <form class="navbar-form" role="search">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Search" name="search_term" id="search_term">
            <div class="input-group-btn">
                <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
            </div>
        </div>
        </form>
        </div>
    <% end %>

问题是我试图从product.index.html中的application.html.erb文件中粘贴上面的代码，看看是否会对它产生影响（因为jquery代码在product.js.coffee）但它也没有用。