ajax call / partial view not work as expected need to initial again on sucess

 need to initialize the funtion again on sucess page 


// This need to rap with product Finder

$('#ProductType').change(function () {
    debugger;
    
    var selectedTypeId = $(this).val();    
    LoadFacetFieldsforSelectedType(selectedTypeId); 
});
 
function LoadFacetFieldsforSelectedType(selectedTypeId) {
    
    var urlPath = window.location.origin + '/admin/productindex/loadfacetfields'
 
    
    $.ajax({
        //url: Sana.Urls.Home() + 'ProductIndex/loadfacetfields',
        url: urlPath,
        method: "POST",
        data: { id: selectedTypeId },        
        
    }).done(function (data) {
 
        if (data != null) {
 
            $("#ProductFinderFacet-panel").html(data);
 
            $(FacetsEditor.init); <----
 
           
        }
 
    })
}


this function on page.facets.js

var FacetsEditor = (function () { <--------------------
    var initEditor = function (cnt) {
        
        ................  
 
 
})();
 


partial  view in Product finder settings

<div id="ProductFinderFacet-panel">
        @Html.Partial("_FacetsProductTypeEditor", Model.Facets)
    </div>



https://entityframework.net/knowledge-base/32975369/ajax-post-to-controller-action-to-update-view-model--and-then-reload-div