Cant trigger ajax when im using editableSelect();?

Question

im using editableSelect to make my dropdownList editable but my ajax not trigger what is the problem? but when i try to erase the code editable my ajax code is working fine what is the problem? Thanks

 

 

var tes = $('#s-clients').editableSelect();

    $(tes).on('change', function () {
        var client = $(this).val();
        $.ajax({
            type: 'POST',
            url: '@Url.Action("getclient", "order")',
            data: { client: client },
            dataType: "json",
            success: function (data) {
                debugger;
                $('#s-clients').val(data.ClientId);
                $('#s-states').val(data.StateId);

                getCitiesByStateId(data.StateId, client);
                //$('#s-cities').val(data.CityId);
                $('#txt-postcode').val(data.Postcode);
                $('#txt-address').val(data.Address);
            }
        });
    });