<script>
  $(document).ready(function() {
    var maxQuantity = parseInt($('.pr-quantity').text().trim());

    function updateQuantity(val) {
      var $input = $('#input-quantity');
      var currentVal = parseInt($input.val(), 10);
      currentVal = isNaN(currentVal) ? 1 : currentVal;
      $input.val(Math.min(currentVal + val, maxQuantity));

      if (currentVal + val >= maxQuantity) {
        $('.journal-stepper').last().prop('disabled', true);
      } else {
        $('.journal-stepper').last().prop('disabled', false);
      }
    }

    $('.journal-stepper').first().click(function() {
      updateQuantity(-1);
    });

    $('.journal-stepper').last().click(function() {
      updateQuantity(1);
    });

    $('#input-quantity').keydown(function(e) {
      if (e.which === 38) {
        updateQuantity(1);
        return false;
      }
      if (e.which === 40) {
        updateQuantity(-1);
        return false;
      }
    });
  });
</script>