jQuery代码无法在网站上运行，但可以在Codepen上运行

Question

正在尝试将此code用于自定义数字输入。将其复制到Codepen，它也可以在其中工作，但是将其复制到我的网站时，它不再起作用。没有控制台错误。我链接了与codepen（2.1.3）中相同的jquery。控制台返回$ ƒ (a,b){return new n.fn.init(a,b)}。

使用相同的2.1.3 jQuery在我的网站上显示代码

$('.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(val - 1);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<h6 class="text-center">Unit(s)</h6>
<div class="input-group input-number-group">
  <div class="input-group-button">
    <span class="input-number-decrement">-</span>
  </div>
  <input class="input-number" type="number" value="1" min="0" max="1000">
  <div class="input-group-button">
    <span class="input-number-increment">+</span>
  </div>
</div>