При нажатии клавиши event script для отображения суммы в другом текстовом поле

---

У меня есть три или более текстовых поля, которые создаются динамически и имеют идентификаторы. Я должен показать сумму всех значений в моем текстовом поле с идентификатором суммы при нажатии клавиши. Если текстовое поле пусто, оно не должно учитываться в сумме. Если мы дадим значение в двух текстовых полях, то оно будет отображать сумму двух значений текстового поля в моем текстовом поле, которое имеет id sum. Проблема в том, что это работает, но не дает правильного значения моему текстовому полю с идентификатором суммы.

Что я уже пробовал:

мой сценарий

<script>
    $(document).ready(function () {

        //iterate through each textboxes and add keyup
        //handler to trigger sum event
        $(".form-control").each(function () {

            $(this).keyup(function () {
                calculateSum();
            });
        });

    });
    function calculateSum() {
        debugger;
        var sum = 0;
        //iterate through each textboxes and add the values
        $(".form-control").each(function () {
            //add only if the value is number
            if (!isNaN(this.value) && this.value.length != 0) {
                sum += parseFloat(this.value);

            }

        });
        //.toFixed() method will roundoff the final sum to 2 decimal places
        // int sums = sum;
        //jQuery.noConflict("Debit").value = sums;
        //$("#Debit").val(sum);
        //$('#sum').html(sum.toFixed(2));
        document.getElementById('sum').value = sum;

    }
</script>
the textbox where to display sum
<div class="form-group">
                                        <label class="control-label col-md-3">
                                            Debitt:
                                        </label>
                                        <div class="col-md-4">
                                            <input type="text" name="Debit" id="sum" class="form-control"><br>
                                        </br></div>
                                        <span id="errorName" style="color: Red;"></span>
                                    </div>

---