Ajax problem z dublowaniem zmiennej. Opcje

[Grafnastyk]

Witam, pracuje na frameworku Codeigniter. Posiadam listę użytkowników, którą generuje foreachem w php

[PHP] pobierz, plaintext 
                                <?= form_open('', array('id' => $val['id'] )); ?>
                                    <input type="submit" class="btn <?= ($val['active'] == 0)? 'btn-danger' : 'btn-success'; ?>" onclick="ajaxReq(<?= $val['id'] ?>);" value="<?= $this->main->active()[$val['active']]; ?>">
                                    <input type="hidden" name="active" value="<?= $this->main->active()[$val['active']]; ?>"/>
                                    <input type="hidden" name="id" value="<?= $val['id']; ?>">
                                <?= form_close(); ?>
[PHP] pobierz, plaintext 

Na podstawie onclicka odwołuję się do ajaxa w zależności od danego

[PHP] pobierz, plaintext 
function ajaxReq(id) {
    $(document).on('submit', id, function(event){
        console.log(id);
        event.preventDefault();
        $.ajax({
            url: "changeActive",
            method: "post",
            data: $('#' + id).serialize(),
            async: true,
            success: function (msg) {
                if(msg !== false){
                    id = undefined;
                    success('Uprawnienia zmienione');
                    $('#table').load(' #table');
                } else {
                    failed('Wystąpił błąd');
                }
            }
        });
    });
}
[PHP] pobierz, plaintext 

Pierwszy czy drugi ajax działa dobrze, ale po każdym kolejnym dubluje mi się pole undefined i przy 15-20 ajaxie strona po prostu się zawiesza :/ Nie mam już pomysłu jak to rozgryźć. Czy byłby ktoś w stanie podsunąć jakąś wskazówkę ? Z góry dziękuję za pomoc.