Using jQuery TokenInput with ActsAsTaggableOn

_footer.html.erb

<%= javascript_include_tag "jquery.tokeninput" %>
  <script>    
    $(function() {
      $("#model_tag_list").tokenInput("<%= example_get_all_tags_path %>", {
        crossDomain: false,
        prePopulate: $("#model_tag_list").data("pre"),
        preventDuplicates: true
      });
    });
  </script>

_form.html.erb

<div class='field'>
    <%= f.label :tag_list, "Tags" %>
    <%= f.text_field :tag_list, :class => 'larger widest', :"data-pre" => @model.tags.map(&:attributes).to_json %>
 </div>

controller_with_tags_list.rb

#example_get_all_tags_path needs to route here. (name it something else obviously)

def tags
      @tags = Model.tag_counts.where("tags.name LIKE ?", "%#{params[:q]}%")
      respond_to do |format|
        format.json { render :json => @tags.map(&:attributes) }
      end
    end

routes.rb

  # some routes

  # add following route, just before `resources :products`
  get "products/tags" => "products#tags", :as => :products_tags
  resources :products

  # some more routes