jquery - 入力フィールドオブジェクトを複製し、元のフィールドと複製されたフィールドの両方をjQueryで参照する方法は?

Question

「編集」ボタンがクリックされたときにjQueryを使用して複製するこれらの入力フィールドがあるため、編集表示をより適切に操作できますが、ユーザー入力を元に参照して、編集が完了したときに元の入力がフィールドには、入力した値が含まれます。

したがって、次の単純な html を検討してください。

<div class="wrapper">
     <div class="settings" style="display:none;">
          <label>Title</label><input type="text" name="title" value="" />
          <label>Text</label><input type="text" name="text" value="" />
     </div>
     <a href="#" class="edit">Edit Fields</a>
</div>

これが私の最初のフォームで、ページの読み込み時に設定が非表示になります。ユーザーがフィールドの編集ボタンをクリックしたときだけ設定が表示されますが、モーダルライトボックス内に表示したいので、表示操作のためにそれらを複製しています。

$('.edit').click(function() {
     var cloned = $('.wrapper .settings').clone(true, true),
         popup = $('<div class="popup"></div>');

     popup.append(cloned);
     $('body').append(popup);
});

わかりましたので、設定の正しい情報でモーダルポップアップを作成するところまで行きましたが、ユーザーが入力した値が元のフィールドにどのように入力されるかわかりません。そのため、jQuery のクローン機能で参照型のコピーができるかどうかを尋ねました。

または、これを行うより良い方法はありますか？