Как обновить значения в динамических input?

Question

[ogneog]

Приветствую. Подскажите, как обновить range и также значения в самом input.

<div><span>Range: &nbsp;</span><div id="range1"></div></div>
<div class="control is-expanded is-clearfix">

<input type="text" id="range1_inp" autocomplete="off" placeholder="0" class="input has-text-centered">
</div>

<input type="range" class="form-range" min="1" max="10" id="range1_id">

$('#range1').html($('input[id="range1_id"]').val());

$('#range1_inp').html($('input[id="range1_id"]').val());	

$(document).on('input change', 'input[id="range1_inp"]', function() {
	$('#range1').html($(this).val());
});

Двигая ползунок, обновляются значения только в , точнее, я их там вывожу.
Также, там тоже меняется значение, если ввести цифру в поле ввода: range1_inp

Как сделать, чтобы при вводе значения в форму ввода, ползунок также перемещался на нужную цифру?
Как сделать, чтобы при изменении ползунка, менялось и значение в форме ввода?

Пробовал также с input change поменять ползунок, ссылаясь на другой input - не вышло.

Answer 1

[ogneog]

$('#range1_inp').val($(this).val());

Решение для ползунка.

$(document).on('input change', 'input[id="range1_inp"]', function() {
	$('#range1_id').val($(this).val());
});

Решение для input с изменением ползунка.

Я смог)