[7in]

Всем доброго дня.

Я совсем недавно знаком с языком JS, и, конкретно, библиотекой jQuery, поэтому прошу не закидывать помидорами, а спокойно указать на мои ошибки.

Дело в следующем, есть очень короткий код с вызовом функции и сама функция. Я вызываю обработчик через on('click'...), однако, обработчик срабатывает лишь один раз. В чём причина такого поведения?

$(document).on('ready', function () {
    stickDel();
});

function stickDel(){
    $('.table').each(function(){
        $(this).on('click', '#delete', function(){
            var index = $(this).attr('name');
            var name = $(".table #"+index).text();
            var data = {
		        action: "stick_mat_type_d",
			name: name
            };
            var deleteAjax = $.post(ajaxurl, data, function(response) {
			    if (response==1){
			        deleteAjax.complete(function(){
			            $('.stick_error').empty().css({'background':'#c4f9bb', 'color':'#1f5415'}).append('<p>Данные успешно удалены</p>');
                        $('html, body').animate({scrollTop: 0},500);
                        stickInterval();
                        stickRefresh();
			        });
			    }else{
			        $('.stick_error').empty().append('<p>Произошла ошибка при удалении</p>');
			        $('html, body').animate({scrollTop: 0},500);
			        stickInterval();
			    }
		    });
        });
    });
}

Заранее благодарю!