JQuery Range Input Listener

Question

Hey having a little trouble jquery and the hmtl5 range. I'm try to get the values as they changed but the event listener is not capturing it. Currently my code is: HTML ``` html += '

Apply Credits: '+credits+'

' ``` And the JS is: ``` $('#discount_credits').mousewheel( function() { alert('it changed!'); alert('new value = ' + $(this).val()); }); ``` I've also tried ``` $('#discount_credits').change( function() { alert('it changed!'); alert('new value = ' + $(this).val()); }); ``` Neither seem to work. Am I doing something wrong?

Accepted Answer

```
$('input[type=range]').on('input', function () {
    $(this).trigger('change');
});
```

This fires the `change` event on every `input` event.

JQuery Range Input Listener

Solution

Problem