范围滑块不会重置

Question

    function reset_vals() {
        set_min_isoval(-5);
        set_max_isoval(5);
        range.trigger('input');
range.trigger('mouseup');
        update_surface(0);
        return false;
    }

这是重置函数的Javascript：

<div class="inner" input type="text" style="width: 400px; height: 40px">Min kT/e &nbsp;&nbsp;<input class="input-range" type="range" value="-5" min="-50" max="50" id="min_isoval" step=1 onmouseup="set_min_isoval(value)">
<span class="range-value"></span></div>
<br>
<div class="inner" input type="text" style="width: 400px; height: 40px">Max kT/e &nbsp;&nbsp;<input class="input-range" type="range" value="5" min="-50" max="50" id="max_isoval" step=1 onmouseup="set_max_isoval(value)">
<span class="range-value"></span></div>
<script>
var range = $('.input-range'),
    value = $('.range-value');


$('.input-range').on('input', function () {
    $(this).next('.range-value').html(this.value);
});

range.trigger('input');
range.trigger('mouseup');
</script>

是网站的html。基本上，当我更改最小/最大等值然后刷新页面时，范围滑动自身不会返回到原始位置，数字也不会重置为-5/5。我想知道是否有人可以帮我解决这个问题？

P.S。抱歉任何编码错误，因为我对javascript的经验很少。