Naja + form snippet a opětovná aplikace events

Zdravím, prosím o pomoc. Seznamuju ses Naja a Ajaxem. Trochu jsem z toho vypadnul. Mám jednoduchou stránku na které je formulář (4 inputy a submit). Ve formuláři je tabulka vložených položek. A ajaxem chci tuto tabulku položek upravovat (add, change quantity, delete).

Vše „fungovalo“ ok, ale narazil jsem na problém. Když mi ajax/naja vráti překreslenou část tabulky už na jednotlivích prvcích nemám eventy které voláji naja/ajax(logické, přidávají se .ready(). Konkrétně třeba když se mění množství položek. Trochu jsem se začetl do dokumentace naja a nette a nakonec jsem se totálně ztratil a nevím zda vůbec je něco správně :D Může mě prosím někdo poradit jaké je správně řešení?

Presenter

...
    public function handleChangeQuantity($productId, $quantity)
    {
        if ($this->isAjax()) {
            $itemsData = $this->getSession('orderList')->get('items');
            $itemsData[$productId] = $quantity;
            $this->getSession('orderList')->set('items', $itemsData);
            $this->redrawControl('itemsTable');
            $this->redrawControl('form');
        }
    }
...

<div class="container m-4">
    {snippetArea form}
    {form sellListForm}
    <div class="row">
        <div class="mb-3 col-6">
            <label for="" class="form-label">Převzato dne</label>
            <input n:name="date" type="date" class="form-control">
        </div>
        <div class="mb-3 col-6">
            <label for="" class="form-label">Email</label>
            <input n:name="email" type="email" class="form-control">
        </div>
    </div>
    <div class="row">
        <div class="mb-3 col-6">
            <label for="" class="form-label">Zákazník</label>
            <textarea n:name="customer" type="text" class="form-control" rows="4"></textarea>
        </div>

        <div class="mb-3 col-6">
            <label for="" class="form-label">Popis</label>
            <textarea n:name="note" type="text" class="form-control" rows="4"></textarea>
        </div>
    </div>
    <div n:snippet="itemsTable">
        <table class="table">
            <thead>
                <tr>
                    <th scope="col">Položka</th>
                    <th scope="col">Název</th>
                    <th scope="col">Množství</th>
                    <th scope="col">Jednotka</th>
                    <th scope="col">Cena ks</th>
                    <th scope="col">Cena celkem</th>
                    <th scope="col">Akce</th>
                </tr>
            </thead>
                <tbody>
                    {var $sum=0}
                    {foreach $items as $key=>$value}
                    <tr>
                        <th scope="row">{$iterator}</th>
                        <td>{$itemsForSale[$key]->POPIS}</td>
                        <td><input data-id="{$key}" data-url={link ChangeQuantity!} type="number" class="ajaxInputEdit"
                                value="{$value}"></td>
                        <td>{$itemsForSale[$key]->MJ}</td>
                        <td>{$itemsForSale[$key]->CENA_PRODEJ} Kč</td>
                        {var $sum+=$itemsForSale[$key]->CENA_PRODEJ*$value}
                        <td>{$itemsForSale[$key]->CENA_PRODEJ*$value} Kč</td>
                        <td><a n:href="removeItem! $itemsForSale[$key]->ID"><button n:name="generate" type="button"
                                    class="btn btn-danger">Smazat</button></a></td>
                    </tr>
                    {/foreach}
                </tbody>
                <tfoot>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><b>Celkem</b></td>
                        <td>{$sum} Kč</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><b>Celkem s DPH</b></td>
                        <td>{$sum*1.21|round} Kč</td>
                        <td></td>
                    </tr>
                </tfoot>
        </table>

    </div>
    <input type="hidden" n:name="signature" id="signatureInput">
    <div class="row">
        <div class="col-6">
            <button n:name="generate" type="submit" class="btn btn-primary">Vygenerovat</button>
        </div>
        <div id="signatureparent" class="col-6">
            <h3>Podpis</h3>
            <canvas id="signaturecanvas" width="100%" height="100" style="border:2px solid; width: auto;"></canvas>
        </div>
    </div>
    {/form}
    {/snippetArea}

$(document).ready(function () {
    naja.initialize();


    //.ajaxInputEdit
    $(".ajaxInputEdit").change(function (e) {
        naja.makeRequest('GET',$(this).attr("data-url") , {
            productId: $(this).attr("data-id"),
            quantity: $(this).val()
        });

    }
    );



    $("#frm-sellListForm").submit(function (event) {
        console.log();
        $("#signatureInput").val(document.getElementById('signaturecanvas').toDataURL());
    });

});

Předem díky.