Как записывать переменные в input value?

Question

[Артем Колчин]

Есть функция

$(function () {
        $('.filter-price').each(function (i, element) {
            const min = $(element).data('min');
            const max = $(element).data('max');
            const from = $(element).data('from');
            const to = $(element).data('to');
            const slider = element.querySelector('.filter-price__slider');

            noUiSlider.create(slider, {
                start: [from, to],
                connect: true,
                range: {
                    'min': min,
                    'max': max
                }
            });

            const titleValues = [
                $(element).find('.filter-price__min-value')[0],
                $(element).find('.filter-price__max-value')[0]
            ];

            slider.noUiSlider.on('update', function (values, handle) {
                titleValues[handle].innerHTML = values[handle];
            });
        });
    });

где в

const titleValues = [
                $(element).find('.filter-price__min-value')[0],
                $(element).find('.filter-price__max-value')[0]
            ];

В html блоки записываются значения при изменении ползунка, как эти значения передавать еще в эти 2 инпута?

<input type="hidden" name="price_first" id="minCost" value=""/>
<input type="hidden" name="price_last" id="maxCost" value=""/>

Answer 1

[Артем Колчин]

Решил таким образом

slider.noUiSlider.on('update', function (values, handle) {
                titleValues[handle].innerHTML = values[handle];
                $( "input#minCost" ).val( values[ 0 ] );
                $( "input#maxCost" ).val( values[ 1 ] );
            });

В функцию обновления слайдера добавил чтоб брал значения