JQuery, Ajax, Handlebars очистить таблицу, затем снова заполнить

Создайте форму, которая выходит и захватывает данные, а затем заполняет таблицу с помощью handlebars.js. Отлично работает с первого раза, затем не заполняется снова, если данные изменены. Любые идеи о том, как заставить это работать?

$('a.button').on("click", function(e){
        e.preventDefault();

        var date = $('#datepicker').val();
        var func = "get_all_swo_by_date";
        //$('table.output').empty();

        $.ajax({
            url: "../includes/db_functions.inc.php",
            type: "post",
            data: ({ p : date, f : func }),
            dataType: "json",
            success: function(results) {
                var source = $("#entry-template").html();
                var template = Handlebars.compile(source);
                $('table.output').empty();
                if(results.length > 0)
                {
                    $.each(results, function(i, context){
                        $('table.output').append( template(context) );
                    });
                } else {
                    $('table.output').append("There is no data to return.");
                }

            }
        });
    });

Когда нажата кнопка «a» с классом кнопки, она заполняет таблицу .. (как указано выше). Хорошо, теперь, когда вы измените DatePicker на другую дату и нажмете «a» с классом кнопки, таблица не будет снова заполнена.

Если кто-то имеет законное представление о том, почему это не работает, пожалуйста, дайте мне знать. Пожалуйста, не просто выдумывайте вещи. Я могу сделать это самостоятельно ... :)

Ответы на вопрос(2)

Ваш ответ на вопрос