Facing error in autocomplete textbox

[Lakshmisureshan]

@model InventoryManagement.Models.ViewModel.AddBom
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
}

    <h1>
        Add BOM
    </h1>
</div>

Item Name

@section Scripts
{
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js"></script>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js"></script>


<script type="text/javascript">
$(document).ready(function () {
var kk = function (request, response) {
$.ajax({
url: '/Bom/AutoComplete/',
data: { "prefix": request.term },
type: "POST",
success: function (data) {
var formattedData = $.map(data, function (item) {
return {
label: item.label,
value: item.val
};
});
response(formattedData);

                    console.log("888", formattedData)
                },
                error: function (response) {
                    alert(response.responseText);
                },
                failure: function (response) {
                    alert(response.responseText);
                }
            });
        };

        console.log("888hh", kk);

        $("#itemname").autocomplete({
            source: function (request, response) {
                kk(request, response);
            },
            select: function (e, i) {
                //get selected value
                //$("#personNameValue").val(i.item.val);
            },
        
        });
    });
</script>

}

this is my code ..value is correctly coming ..but dropdown not displaying

[alexinea]

Hi, it is recommended that you submit this question to Stack Overflow to get more help. Thank you :)