Обновление сериализованного вывода при добавлении элемента в список (взлом JQuery Nestable от Bushell)

Question

Я взломал плагин David Bushell Nestable jQuery ( здесь), чтобы создать интерфейс для добавления / удаления и сортировки пользователей, связанных с назначениями. Обычно мы начинаем с предопределенного списка, который вы можете заказать, и выходные данные сериализуются при каждом изменении. Вам также следует добавить новые элементы или удалить существующие элементы из списка, и сериализованный вывод, очевидно, должен снова обновиться.

Ручка с HTML, CSS, JS находится здесь.

Как вы можете видеть, я добавляю / разделяю элементы при включении / выключении чекбокса, но я предполагаю, что мне нужно будет также вызвать updateOutput функция также. Я застрял здесь:(Как получить код JS для обновления сериализованного вывода при добавлении и вычитании элементов из списка?

ОБНОВИТЬ:

Вот как это работает:

$(':checkbox').click(function() {
  .....
}).on('change', function() {
    updateOutput($('#nestable').data('output', $('#nestable-output'))); 
}); 

Однако, если я имитирую поведение, используемое при инициализации нестабильного сценария, это не работает. Зачем?

$(':checkbox').click(function() {
  .....
}).on('change', updateOutput);