tagsInput или tag-it не передают массив для ввода текста из jQuery

Question

На самом деле у меня есть форма с полем "Навыки" с кнопкой рядом с ней. При нажатии на эту кнопку появляется модальное окно, и оно содержит список навыков с установленными флажками, как показано на рисунке. Я хочу, чтобы пользователь мог щелкнуть по кнопке и установить соответствующие флажки, а при нажатии кнопки "Сохранить изменения" поле ввода должно содержать теги выбранных входов из модального окна. Я пытался сделать это, но я не могу передать весь массив выбранных флажков в поле ввода в виде тегов. Изображение модального кода Это код jQuery, который я пытаюсь использовать. Помните, что идентификатор полученного поля ввода - "skill123", а флажки имеют общий идентификатор как "skillset", а кнопка "Сохранить изменения из модального идентификатора -" ss ".

        $(document).ready(function(){
            $("#ss").click(function(){
                var fav = [];
                $.each($("input[name='skillset']:checked"),function(){
                    fav.push($(this).val());
                    //alert($(this).val());
                    var s = $(this).val();
                    alert(s);
                    $("#skills123").tagit('createTag',s);
                });

                });
            });