jquery - jQuery UI オートコンプリートが機能しないようです

Question

これは非常に一般化された質問であることは理解していますが、jQuery オートコンプリートを私の Rails 検索で動作させようとしています。Rails 3.1.0 と Ruby 1.8.7 で実行しています。誰かが私の問題を解読できるのだろうか、私のコードは次のとおりです...

アプリケーション.js:

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require_self
//= require products

$(".search").autocomplete({
    source: ['foo', 'food', 'four']
});

意見：

<form action="<%= products_path %>" method="get" id="searchBox">
    <%= text_field_tag 'search', params[:search], :class => 'search', :placeholder => "What are you looking for?" %>
    <%= submit_tag "Search", :name => nil, :class => "button large" %>
</form>

HTML 出力:

<form action="/products" method="get" id="searchBox">
    <input class="search" id="search" name="search" placeholder="What are you looking for?" type="text" />
    <input class="button large" type="submit" value="Search" />
</form>

解決

jQueryを変更することで、これを機能させることができました。最初のコードが本番アプリではなくテスト アプリで機能した理由はまだわかりません。

jQuery(function($){
  $('.search').each(function(){
    var self = $(this);
    self.autocomplete({source: ['foo', 'food', 'four']});
  });
});