У меня есть страница, на которой у меня есть div. Содержимое этого div заполняется страницей включений, и эта страница включает вызов базы данных для извлечения контента.

Когда пользователь нажимает кнопку «Добавить задачу», для вставки содержимого в базу данных выполняется ajax-вызов, а div, который показывает все задачи, обновляется с помощью .load (). Тот же процесс происходит для «удаления задачи»; выполняется еще один ajax-вызов, который удаляет строку из базы данных, а div обновляется с помощью .load ().

Я вижу вставки и удаления в моей таблице базы данных, но интерфейс немного шаткий. Когда страница загружается в первый раз, я могу выполнять неограниченное количество действий добавления, и все новые задачи отображаются в div. Однако я могу сделать только одно действие «удалить»; после первой попытки я просто не могу выбрать элемент из div.

Вот код «добавить»:

$("#accept_new_task").click(function(){
    jQuery.ajaxSetup({async: false});

    //Make ajax call
    $.post("[url]", { [data] },

        //If successful, add a new item to task list and clear input
        function(data) {

            //Clear input
            $("#new_task_name").val('');
            $("#new_task_description").val('');

            //Show new task
            $('#newly_added_tasks').load('[page on server]', function() {
            });             



        });

    jQuery.ajaxSetup({async: true});    
});

И код «удалить»:

//Deletes recently added task
$(".newtask").click(function(){
    alert('!');  //to test
    var val = $(this).attr('value');

    jQuery.ajaxSetup({async: false});

    //Make ajax call
    $.post("[url]", { [data] },

        //If successful, refresh div 
        function(data) {
            $('#newly_added_tasks').load('[page on server]', function() {
                alert('Load was performed.');
            });                             
        });     

    jQuery.ajaxSetup({async: true});  

});

Загружаемое содержимое представляет собой таблицу, созданную с содержимым, извлеченным из вызова базы данных. Вот фрагмент:

<td>'.$task[$i]['name'].'</td>
<td>'.$task[$i]['description'].'</td>
<td><input type="button" class="newtask" name="accept_new_task" id="task_'.$task[$i]['task_id'].'" value="'.$task[$i]['task_id'].'"></td>

Любая помощь будет оценена.