Make Jquery Autocomplete Common

I have an MVC - C# app with jquery autocomplete feature for some text boxes. Each View has autocomplete code, some are for the same field (different views), and some different fiel

Solution 1:

function (elementId,controllerName,actionName,fieldName) {
    $("#"+elementId+"").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: 'api/'+controllerName+'/'+actionName+'',
                datatype: "json",
                data: {
                    term: request.term
                },
                success: function (data) {
                    response($.map(data, function (val, item) {
                        return {
                            label: val[0],
                            value: val[1],
                            fieldName: val.fieldId
                        }
                    }))
                }
            })
        },
        select: function (event, ui) {
            $("#"+elementId+"").val(ui.item.fieldName);
        }
    });
}