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; });