Комбинация jQuery bind и getJSON не работает должным образом

Question

Я загружаю диалоговое окно jQuery UI, и в конце HTML-кода, который я получаю с помощью вызова AJAX, приведен скрипт ниже. Я ожидаю, что он привязывается к определенной мной кнопке и запускается при нажатии, однако он не запускается. Если я изменяю содержимое функции только на предупреждение, оно работает нормально. JSLint не помог мне найти мою проблему. Может кто-нибудь сказать мне, что мне не хватает?

<script type="text/javascript">
    $("#runbutton").bind("click",function()
    {
        $("#loading").show();
        $.getJSON("web.air.sum.rpt.php","json=true&whse="+$("#whse").val()+"&date1="+$("#date1").val()+"&date2="+$("#date2").val()+"&status="+$("#status").val()+"&caby="+$("#caby").val()+"&catarg="+$("#catarg").val(),function(data, textStatus)
            {
                $("#results").html("<table width='100%' id='restbl'></table>");
                $("#loading").hide();
                $.each(data,function(key,val)
                {
                    $("#restbl")
                        .append("<tr><th>AIR "+val.KEY+"</th><td>"+val.ACCDATE+" "+val.ACCTIME+"</td></tr>")
                        .append("<tr><th>Team Member</th><td>"+val.NAME+"</td></tr>");
                        .append("<tr><th>Target</th><td>"+val.TARDATE+"</td></tr>");
                        .append("<tr><th>Accident Description</th></tr><tr><td colspan='2'>"+val.ACCDESC+"</td></tr>");
                        .append("<tr><th>Corrective Action</th></tr><tr><td colspan='2'>"+val.CORRACT+"</td></tr>");
                        .append("<tr><td></td><td>By "+val.VERBY+"</td></tr>");
                        .append("<tr><td colspan='2'><hr></td></tr>");
                });
            });
    });
</script>

Answer 1

У вас есть точки с запятой после ваших функций .append ().Так должно быть только после последнего.