Как подружить jQuery скрипты?

Есть скрипт который добавлет/ отнимает количество товара,

$("body").on('click', ".btn-minus", function () {
  var p = $(this).parent(),
      i = p.find("input.amount"),
      s = i.val(),
      v = parseInt(i.val()) - 1;
  if(v >= 1) {
    i.val(v);
    p.find('.quantity__count').text(v);
  } else {
    var v = 1;
    i.val(v);
    p.find('.quantity__count').text(v);
  }
});

И есть скрипт отвечающий за всплытие popup.

$(function() {
  $("#popup-cart-active").on("change", function() {
    if ($(this).is(":checked")) {
      $("body").addClass("popup--open");
    } else {
      $("body").removeClass("popup--open");
    }
  });
  $(".popup__fade-screen, .popup__close").on("click", function() {
    $(".popup__state:checked").prop("checked", false).change();
  });
  $(".popup__inner").on("click", function(e) {
    e.stopPropagation();
  });
});

Из за этой части e.stopPropagation(); не работает изменение количества, если ее убрать. При нажатии на кнопку из. кол. попап сам закрывается. Как исправить данную несовместимостЬ?