настройка атрибута модели var изнутри javascript функция пружинной загрузки тимелина js

Question

У меня есть инкриминатор количества html, который был сделан с javascript и html. Я не могу установить значение атрибута количественной модели на странице тимелина html.

Это код html

<div class="product_quantity clearfix">
                            <span>Qty</span>
                            <input id="quantity_input" type="text" pattern="[0-9]*" th:value="${quantity}">
                            <div class="quantity_buttons">
                                <div id="quantity_inc_button" class="quantity_inc quantity_control"><i class="fa fa-chevron-up" aria-hidden="true"></i></div>
                                <div id="quantity_dec_button" class="quantity_dec quantity_control"><i class="fa fa-chevron-down" aria-hidden="true"></i></div>
                            </div>
                        </div>

Это код javascript, который увеличивает значения

    function initQuantity()
{
    // Handle product quantity input
    if($('.product_quantity').length)
    {
        var input = $('#quantity_input');
        var incButton = $('#quantity_inc_button');
        var decButton = $('#quantity_dec_button');

        var originalVal;
        var endVal;

        incButton.on('click', function()
        {
            originalVal = input.val();

            endVal = parseFloat(originalVal) + 1;
            input.val(endVal);

        });

        decButton.on('click', function()
        {
            originalVal = input.val();


            if(originalVal > 0)
            {
                endVal = parseFloat(originalVal) - 1;
                input.val(endVal);
            }
        });
    }
}

Атрибут модели доступ из $ {количество}, но это не изменяется, поскольку значения инкриминируются.