Как по клику перемещать ползунки у range?

Question

[Genri_Rus]

Вот пример: https://codepen.io/Genri_Rus/pen/pMjKeP

<div class="price-slider">
	<input value="0" min="0" max="100" step="0.5" type="range">
	<input value="0" min="0" max="100" step="0.5" type="range">
</div>

slider.on('click', updatePriceUp);

function updatePriceUp() {
  var sliders = $(this).children('input');
  
  var val1 = sliders[0].value;
  sliders.val(val1);
}

Нужно по клику изменять положение у ползунков, возможно ли с offset или с другими вариантами такое реализовать ?

P.S. По умолчанию я отключил:

.price-slider input {
    pointer-events: none;
}

Но если я убираю данную настройку, то по клику у меня двигается только один ползунок