Турбины мешают javascript

Я знаю, что это избитая тема, но я пытался следовать документам и другим подобным сообщениям SO по этому вопросу.

Моя проблема в том, что JS не будет работать, если страница не будет перезагружена.

У меня есть следующий JS:

$(function() {
  $('a.form-show').click(function(event){
    event.preventDefault();
    $(this).parent().next('div.form-hide').toggle();
  });
});

Это переключает ссылку для отображения и скрытия элемента в форме.

Это работает только при перезагрузке страницы и даже не каждый раз...

Я попытался обновить его до (согласно сообщениям SO и документам turbolinks):

$(document).on('turbolinks:load', function()){
  $('a.form-show').click(function(event){
    event.preventDefault();
    $(this).parent().next('div.form-hide').toggle();
  });
});

Когда я использую этот код и нажимаю кнопку для переключения, он ничего не делает, кроме перезагрузки страницы. (по крайней мере, он запускается в CMD как перезагрузка, но на самом деле ничего не происходит во внешнем интерфейсе.

И я получаю эту ошибку:

SyntaxError: отсутствует { перед телом функции

Я не очень хорошо разбираюсь в JS, поэтому эта попытка может быть совершенно неправильной, и я уверен, что так оно и есть.

Любые идеи о том, как заставить это работать?