«Ожидается первичное выражение» в функции JavaScript

Question

Я новичок в JavaScript и JQuery. Я пытаюсь сохранить мои Json данные на моей веб-странице в виде HTML таблицы. Если я использую следующий код, он отлично работает:

$(document).ready(function(){
$.getJSON("getAllFilms?format=json", function(data){
var filmInfo = '';
$.each(data, function(key, value){
    filmInfo += '<tr>';
    filmInfo += '<td>'+value.title+'</td>';
    filmInfo += '<td>'+value.id+'</td>';
    filmInfo += '<td>'+value.review+'</td>';
    filmInfo += '<td>'+value.stars+'</td>';
    filmInfo += '<td>'+value.director+'</td>';
    filmInfo += '<td>'+value.year+'</td>';
    filmInfo += '<tr>';
});
$('#table').append(filmInfo);
});

});

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

function allFilmsJsonTable(){
  $.getJSON("getAllFilms?format=json", function(data){
    var filmInfo = '';
    $.each(data, function(key, value){
        filmInfo += '<tr>';
        filmInfo += '<td>'+value.title+'</td>';
        filmInfo += '<td>'+value.id+'</td>';
        filmInfo += '<td>'+value.review+'</td>';
        filmInfo += '<td>'+value.stars+'</td>';
        filmInfo += '<td>'+value.director+'</td>';
        filmInfo += '<td>'+value.year+'</td>';
        filmInfo += '<tr>';
    });
    $('#table').append(filmInfo);
  });

});