Загрузить файл JavaScript после нажатия кнопки

Я пытаюсь использовать набор текстовых полей для определения некоторых данных в моем файле JavaScript. Поэтому в текстовое поле я вписываю название команды "Название команды", а файл javascript использует это текстовое поле для хранения названия команды, чтобы напечатать набор турнирных скобок.

Файл Javascript включен в мой поэтому он загружается до того, как я действительно ввел данные в текстовые поля. У меня есть этот код для кнопки в HTML, например, так:

script(type='text/javascript')
    $('#buttontest').click(function() {
        $('div.bracket').show();
        $('div.teamList').hide();
    });

Поэтому, когда кнопка нажата, все текстовые поля скрыты, и должны появиться квадратные скобки с пользовательскими именами команд ... вот код в конце моего файла JavaScript:

$(function() {
    $('#singleElim8').bracket({
        init: singleElim8Data
    })
  $('.bracket').hide();
});

Так что в div.bracket у меня есть класс # singleElim8, который использует javascript. Но как бы я изменил его, чтобы этот javascript для инициализации скобок работал только после нажатия кнопки? Таким образом, скобки отображаются после заполнения текстовых полей. Любая помощь приветствуется.