Here’s my solution for showing values of ranges
$(document).ready(function(){
$("input[type='range']").each(function(){
range_name = $(this).attr("name");
$(this).after("<span id="+range_name+"-val></span>");
$(this).on('mousedown',function(){
$(this).on('mousemove',function(){
range_name = $(this).attr("name");
range_value = $(this).attr("value");
$("#"+range_name+"-val").text(range_value);
});
});
});
});
Hope it helps.
Well you seem to have repeated what I said.
I was unable to find any support on this when I was experiencing the problem and thought that I might post something for anyone else who may run into the same issue.