ajax search

search_form

@searchForm = (trigger) ->
        field = $($(trigger).data('field'))
        opts = {}
        opts[field.attr('name')] = field.val()

        $(field).on 'input', () =>
                opts[field.attr('name')] = field.val()

        $(trigger).on 'click', () =>
                $.ajax({
                        url: $(trigger).data('url'),
                        data: { q: opts }
                        }).done (data) =>
                                $($(trigger).data('target')).html(data)

usage:

<%= text_field_tag :name_cont, @query, id: 'query' %>
<%= link_to 'search', '#', id: 'search', data: { url: search_path, field: '#query', target: '#result' } %>

<div id="result">
results here.
</div>

<%= javascript_tag 'searchForm('#search');' %>