JQuery .load () torna o conteúdo não clicável após o carregamento

Tenho uma página na qual tenho uma div. O conteúdo dessa div está sendo preenchido por uma página de inclusão e essa página inclui uma chamada para um banco de dados para recuperar o conteúd

Quando um usuário clica em um botão 'adicionar tarefa', é feita uma chamada ajax para inserir conteúdo em um banco de dados e a div que mostra todas as tarefas é atualizada com .load (). O mesmo processo ocorre para 'remover tarefa'; é feita outra chamada ajax que exclui uma linha de um banco de dados e a div é atualizada usando .load ().

Estou vendo as inserções e exclusões na minha tabela de banco de dados, mas o front-end é um pouco complicado. Quando a página é carregada pela primeira vez, eu posso executar um número ilimitado de ações 'add' e todas as novas tarefas aparecem na div. No entanto, só posso executar uma ação 'excluir'; após a primeira tentativa, não consigo selecionar um elemento da div.

Aqui está o código 'add':

$("#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});    
});

E o código 'delete':

//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});  

});

O conteúdo que está sendo carregado é uma tabela gerada com o conteúdo extraído de uma chamada ao banco de dados. Aqui está um trecho:

<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>

Qualquer ajuda seria apreciada

questionAnswers(6)

yourAnswerToTheQuestion