Сохранять значения в переменных из ползунка диапазона цен jquery

Question

Я следовал учебнику YouTube по слайдеру диапазона цен с jquery. Я преуспел в этом ценовом ползунке, но теперь я застрял в хранении нижнего и верхнего значения цены в переменной, чтобы затем использовать запрос sql, чтобы показать результаты, основанные на этой цене. Моя функция:

$(document).ready(function() {
  $("#slider").slider({
    max: 50,
    range: true,
    values: [15, 30],
    change: function(event, ui) {
      getDetails(ui.values[0], ui.values[1]);
    }
  });
  var current = $("#slider").slider("option", "values");
  getDetails(current[0], current[1]);
});

function getDetails(minimum, maximum) {
  $("#range").text("$" + minimum + " - $" + maximum);

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.6.2/bootstrap-slider.min.js"></script>
<div class="slidecontainer">
  <label for="myRange">Price Range <span id="range"></span> </label><br>
  <div id="slider"></div>
</div>

Пожалуйста, помогите мне, как сохранить минимальные и максимальные значения в переменной, а затем сохранить эти переменные в моем запросе sql. Спасибо за вашу помощь.