Как отслеживать изменения тега?

Question

[Demian1]

Здравствуйте, имеется ползунок диапазона цены, нужно как-то отследить изменения, для отправки значений на сервер для фильтрации.
Когда двигаешь ползунки, то изменения на странице отображает

<input type="text" id="amount" name="price" placeholder="Add Your Price" />

Сам я в js мало понимаю

var sliderrange = $('#slider-range');
    var amountprice = $('#amount');
    $(function() {
        sliderrange.slider({
            range: true,
            min: 16,
            max: 400,
            values: [0, 300],
            slide: function(event, ui) {
                amountprice.val("$" + ui.values[0] + " - $" + ui.values[1]);
            }
        });
        amountprice.val("$" + sliderrange.slider("values", 0) +
            " - $" + sliderrange.slider("values", 1));
    });

<div class="price-filter">
                                    <span>Range:  $100.00 - 1.300.00 </span>
                                    <div id="slider-range"></div>
                                    <div class="price-slider-amount">
                                        <div class="label-input">
                                            <input type="text" id="amount" name="price" placeholder="Add Your Price" />
                                        </div>
                                        <button type="button">Filter</button>
                                    </div>
                                </div>

Answer 1

[Alex]

https://learn.javascript.ru/events-change

Answer 2

[iBird Rose]

смотри callback функции плагина этого твоего range slider. там должно быть, что-то типа event "onChange".
вот потом и используй его, к примеру так:

$('#amount').on('onChange', function() {
        // здесь отправляешь на сервер
})