Изменить каждое количество для каждой позиции (JavaScript)

Question

Я пишу код, который должен изменить количество каждого элемента в корзине woocommerce от Wordpress. К сожалению, это работает только на полпути. Он изменяет видимые количества всех товаров, но на самом деле изменяет только количество последнего товара в корзине, потому что, как только я обновлю sh на странице, только последний товар получит желаемое количество. В связи с этим промежуточные итоги для каждого элемента также изменяются только для последнего элемента.

Это мой код, который я написал в js:

    $("#personCounter").on('input', function() {
        var qtys = $('.quantity').find('.qty');

        qtys.each(function(perItem){

            // Get values
            var $qty        = $(this),
                currentVal  = parseFloat( $qty.val ),
                step        = $qty.attr('step');
            var newQuantity = document.getElementById("personCounter").value;

            // Change quantity
            if ( newQuantity != null || newQuantity != '' ) {
                    $qty.val(newQuantity); 
                }   
            // Trigger change event
            $qty.trigger('change');
        })
    });

Есть ли здесь кто-нибудь, кто может помогите мне и скажите, в чем я ошибся?