Creating a working quantity selector

Does someone know where the mistake is?
The custom code is this:

<script>

$('.input-number-increment').click(function() {

  var $input = $(this).parents('.input-number-group').find('.input-number');

  var val = parseInt($input.val(), 10);

  $input.val(val + 1);

});



$('.input-number-decrement').click(function() {

  var $input = $(this).parents('.input-number-group').find('.input-number');

  var val = parseInt($input.val(), 10);

  $input.val(Math.max(val - 1, 1));

})



</script>

It should work as follows: If I hit the plus the one gets added to the quantity, if i hit minus it gets reduced


Here is my site Read-Only: https://preview.webflow.com/preview/batu-bali?utm_medium=preview_link&utm_source=designer&utm_content=batu-bali&preview=0859f7c862ae55f2416c712ed40167c8&pageId=5cfba36671000a08cb4e6ef6&itemId=5cfba36671000a9c934e6f14&mode=preview
([how to share your site Read-Only link][2])

[2]: Share a read-only link | Webflow University emphasized textPreformatted text