Прикрепление набора входных данных флажка к форме перед отправкой, а затем их скрытие

Для формы, которую я создаю, я использую диалоговое окно jQuery UI, чтобы предоставить пользователю список из 50 флажков. Текстовые поля полностью удаляются из формы, когда они добавляются в диалог, поэтому я должен клонировать и вставлять их в форму перед отправкой, чтобы все значения флажка были представлены вместе с формой. Проблема в том, что флажки, добавленные обратно в форму, выглядят явно. Я просто пытаюсь сделать их невидимыми и все еще могу представить ценности.

Я подумал, что возможно, что-то вроде prepend() может быть решением, так что пользователь фактически не видит флажки, находясь полностью в нижней части формы, но все равно толкает элементы формы вниз. Поэтому я ищу способ добавления #states_container :input в форму без видимого влияния на форму.

Код:

    $('#submit_btn').click(function(e){

        $("#form_submission").validate({});

        if ($("#form_submission").valid()) {
            $("#form_submission").append($('#states_container :input').clone());
            $("form#form_submission").submit();
       } else {
            e.preventDefault();
            alert("Please make sure all required information has been provided before submission.")
       }

   });