<div id="slider"></div>
<script>
$("#slider").kendoSlider({
    min: 0,
    max: 100,
    value: 50,
    change: function(e) {
        console.log("Slider value changed to: " + e.value);
    }
});

var widget = $("#slider").data("kendoSlider");

// Manually trigger the change event
widget.trigger("change", { value: widget.value() });

// Trigger custom event
widget.bind("customEvent", function(e) {
    console.log("Custom event triggered with data: " + e.data);
});
widget.trigger("customEvent", { data: "test data" });
</script>