autocomplete not working in model popup in mvc

@section Scripts {

    
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jqueryui")
}
        


 <script type="text/javascript">
    $(document).ready(function () {
        debugger;
        $("#txtstudentautosearch").autocomplete({
          
            source: function (request, response) {
                debugger;
                $.ajax({
                    url: "/FeeReports/AutoCompleteStudent",
                    type: "POST",
                    dataType: "json",
                    data: { term: document.getElementById("txtstudentautosearch").val() },
                    success: function (data) {

                        response($.map(data, function (item) {
                            return { label:item.FirstName + ", Student ID :"+ item.StudentID +", Class :"+ item.ClassTitle, value: item.FirstName +", Student ID :"+ item.StudentID + ", Class :" + item.ClassTitle }
                        }))  

                    }
                })
            },
            select: function (event, ui) {
                $("#txtstudentautosearch").val(ui.item.label); // display the selected text
                $("#txtstudentautosearch").val(ui.item.value); // save selected id to hidden input
            },
            messages: {
                noResults: "", results: ""
            }
        });
    });

            
            $("#txtstudentautosearch").change(function () {
                debugger;
                $.ajax({
                    url: '@Url.Action("StudentFeeInfo")',
                 
                    data: { txtstudentautosearch: $('#txtstudentautosearch').val() },
                            success: function (data) {

                            },

                        });
                        return false;
                    })
                    $("#btnpdf").click(function () {
                        debugger;
           
                        $.ajax({

                            url: '@Url.Action("studentfeeInfoReportGenerated")',

                            data: { txtstudentautosearch: $('#txtstudentautosearch').val() },
                success: function (data) {
                    window.open('@Url.Action("GetFile", "FeeReports")?path=' + data);

                },

            });
        });

           
   </script>