Scope autocomplete

form.cshtml

            <div class="control-group">
                @Html.LabelFor(m => m.Scope, new {@class = "control-label"})
                <div class="controls">
                    @Html.TextBoxFor(m => m.Scope)
                </div>
            </div>


@section scripts
{
    <script>
        $(function() {
            var scopeId = '#@Html.IdFor(m => m.Scope)';
            var scopeAutocompleteUrl = @Html.Raw(Json.Encode(Url.Action("ScopeAutocomplete", "Sub")));
            
            $(scopeId).typeahead({
                source: function(query, process) {
                    return $.get(scopeAutocompleteUrl, { query: query }, function(data) {
                        return process(data);
                    });
                }
            });

        });
    </script>
}