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”时,它将不会重新填充该表.

如果有人合理地知道它为什么不起作用,请告诉我.请不要只是弥补一些东西.我可以自己做那么多..