Javascript/JQuery 3.6.0 help [Self-Resolved]

<td>
                                    @Html.DropDownListFor(m => m.contactModel.CategorySID, Model.CallCategoryList, "--Select--", new { @id = "ddlCategory" })
                                </td>
                                <td id="Subcategory">
                                    @Html.DropDownListFor(m => m.contactModel.SubcategorySID, new List<SelectListItem>(), "--Select--", new { @id = "ddlSubcategory" })
                                </td>
                                <td id="Resolution">
                                    @Html.DropDownListFor(m => m.contactModel.ResolutionSID, new List<SelectListItem>(), "--Select--", new { @id = "ddlResolution" })
                                </td>

$(document).ready(function () {

            $('#ddlCategory').change(function () {
                $.ajax({
                    type: "post",
                    url: "/LogPhoneCalls/GetSubcategories",
                    data: { selectedCategoryID: $('#ddlCategory').val() },
                    datatype: "json",
                    traditional: true,
                    success: function (data) {
                        var subcategory = "<select id='ddlSubcategory'>";
                        subcategory = subcategory + '<option value="">--Select--</option>';
                        for (var i = 0; i < data.length; i++)
                        {
                            subcategory = subcategory + '<option value=' + data[i].Value + '>' + data[i].Text + '</option>';
                         }
                        subcategory = subcategory + '</select>';
                        $('#Subcategory').html(subcategory);
                    }
                });
            });

            $('#ddlSubcategory').change(function () {
                $.ajax({
                    type: "post",
                    url: "/LogPhoneCalls/GetResolutions",
                    data: {
                        selectedCategoryID: $('#ddlCategory').val(),
                        selectedSubcategoryID: $('#ddlSubcategory').val()
                    },
                    datatype: "json",
                    traditional: true,
                    success: function (data) {
                        var resolution = "<select id='ddlResolution'>";
                        resolution = resolution + '<option value="">--Select--</option>';
                        for (var i = 0; i < data.length; i++) {
                            resolution = resolution + '<option value=' + data[i].Value + '>' + data[i].Text + '</option>';
                        }
                        resolution = resolution + '</select>';
                        $('#Resolution').html(resolution);
                    }
                });
            });



        });