Jquery autocomeplete - error modelo null

Question

Hola:

He implementado autocomplete de JQuery en una vista de mvc, y al asignar el valor a un campo del modelo y darle a guardar sale que error, diciendo que el modelo es null.

El código es el siguiente:

@model Entities.Actividad

<div class="form-group row">

    @Html.LabelFor(model => model.AEconomicaId, htmlAttributes: new { @class = "control-label col-md-2" })

    <div class="col-md-6">

        @Html.EditorFor(model => model.AEconomicaId, new { htmlAttributes = new { @class = "form-control form-control-sm" } })
        @Html.TextBox("Actividad", null, new { @class = "form-control form-control-sm", @readonly = "readonly" })
       
        @Html.ValidationMessageFor(model => model.AEconomicaId, "", new { @class = "text-danger" })
    </div>

Al final del archivo el código jquery es:

 $(document).ready(function () {
            $("#AEconomicaId").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: "/Actividades/GetActividades",
                        type: "POST",
                        dataType: "json",
                        data: { Prefix: request.term },
                        success: function (data) {
                            response($.map(data, function (item) {
                                return {
                                    label: item.Nombre,
                                    value: item.Id
                                };
                            }))

                        }
                    })
                },
                messages: {
                    noResults: "",
                    results: function (count) {
                        return count + (count > 1 ? ' results' : ' result ') + ' found';
                    }
                },
                minLength: 3,
                select: function (e, i) {
                    $("#Actividad").val(i.item.label);

                },
            });
        })

Un Saludo.