I'm fairly confident I'm missing something simple but no googling has revealed what that might be. Not sure why, but the change event on the jquery ui slider widget is not firing. You can inspect the element and see that the input is being converted to a widget but it's not having any effect. I've duplicated my results in jsfiddle which almost guarantees this is user error. Anyone have any ideas?

https://jsfiddle.net/ut8zg056/

html:

        <div id="volume_master_container" class="volumeContainer">
            M<br>
            <input type="range" class="volumeSlider" data-target="" id="volume_master" orient="vertical">
        </div>

js:

    $(".volumeSlider").slider({
        change: function(event, ui) {
            console.log("changing");
        }
    });

== EDIT ==

As J08691 pointed out below, I didn't realize slider() needed to be bound to a div vs an input. Everything functions as expected when applied correctly.