Не удалось рассчитать цену и количество в таблице с использованием Php Ajax

Я создаю сайт электронной коммерции для своего последнего проекта года. Пока я создаю проект, с которым я столкнулся, проблема с продуктом должна быть в состоянии добавить карту, но когда я просматриваю показанный продукт карты, который я добавил в карту. моя проблема если дать количество, он будет автоматически вычислять и отображать результат в общем текстовом поле. Я приложил изображение ниже того, что я пробовал до сих пор. Но не смог подсчитать общий и итоговый итог. Показать продукты

<script>
getProducts();

    function getProducts() {
        $.ajax({
            type: 'GET',
            url: 'all_cart.php',
            dataType: 'JSON',
            success: function(data) {
                data.forEach(function(element) {
                    var id = element.id;
                    var product_name = element.product_name;
                    var price = element.price;
                   $('#mytable tbody').after
                   (
                        '<tr> ' +
                        '<td>' + id + '</td>' +
                        '<td>' + product_name + '</td>' +
                        '<td>' + price + '</td>' +
                        "<input type='hidden' name='price' value='" + price + "'>" +
                        '<td>' + "<input type = 'text' id='qty' name='qty'/>" + '</td>' +
                        '<td>' + "<input type = 'text' id='amount'/>" + '</td>' +
                        '</tr>');
                  });
            },
            error: function(xhr, status, error) {
                alert(xhr.responseText);
            }
        });
    }

Автоматический расчет цены * кол-во

$(function() {
    $("#price, #qty").on("keydown keyup click", qty);
    function qty() {
        var sum = (
        Number($("#price").val()) * Number($("#qty").val())
        );

        $('#amount').val(sum);
        console.info(sum);
    }
});