I was very annoyed, that there was no change event on the HTML5 range element. You only got an event on mouseup. So i decided to write a short fix:
$('input[type=range]').mousedown(function () {
this.slide = true;
this.lastValue = this.value;
}).mousemove(function () {
// trigger only on mouse down and
// when the value has changed
if (this.slide && this.lastValue !== this.value) {
this.lastValue = this.value;
$(this).trigger('change');
}
}).mouseup(function () {
this.slide = false;
});
