jQuery пересчитать входные значения при изменении

Question

Я пытаюсь отобразить выбранное поле ввода в разделе предварительного просмотра.Поэтому, когда пользователь нажимает на количество бутылок, цена которых автоматически обновляется, проблема заключается в том, что она работает только один раз, а затем больше не обновляется.

Я думаю, что мне нужно будет пересчитать входные значения, чтобыэто отображается

Вот мой _form.html.erb

<script>

$(function() {

  $.ajax({
    url: '<%= preload_wine_path(@wine) %>',
    dateTyp: 'json',
    success: function(data) {

      $.each(data, function(arrID, arrValue) {

      });

      $('#reservation_start_date').datepicker({
        dateFormat: 'dd-mm-yy',
        minDate: 2,
        maxDate: '5d',
        beforeShowDay: $.datepicker.noWeekends,
        onSelect: function(selected) {
          $('#preview').show();
          $('#btn_book').attr('disabled', false);

          var bottles = document.getElementById("bottles").value;
          var total = bottles * <%= @wine.price %>

          $('#reservation_bottles').text(bottles);
          $('#reservation_total').text(total);
        }
      });
    }
  });
});

</script>