jquery - ラジオボタングループをソート可能なリストに追加

Question

私は2つのソート可能なリストを持っています。コンテンツを他のリストにドラッグすると、リスト項目にラジオ グループを追加したいと考えています。

SAMPLE LISTS (sortable1 には、sortable2 から移動するまでリスト項目はありません)

<ul id="sortable1" class="connectedSortable">
</ul>

 <ul id="sortable2" class="connectedSortable">
    <li class="ui-state-highlight">Item 1</li>
    <li class="ui-state-highlight">Item 2</li>
    <li class="ui-state-highlight">Item 3</li>
    <li class="ui-state-highlight">Item 4</li>
    <li class="ui-state-highlight">Item 5</li>
  </ul>

リスト項目を sortable2 から sortable1 に移動するときに、リストにラジオ グループを追加したいと考えています。

ソート可能な 1 に 3 つのラジオ ボタンを追加する JQUERY:

$( "tbody.connectedSortable" ).sortable({   
receive: function( event, ui ) // add radio boxes on drop
 {

                ui.item.append("<input type='radio' name='test' value='test1'><input type='radio' name='test' value='test2'><input type='radio' name='test' value='test3'>");
                //console.log ("");

 },

質問: ラジオ グループに UNIQUE 名を動的に追加するにはどうすればよいですか? 上記のコードはラジオ ボタンを追加しますが、ラジオ ボタンはすべて同じグループです。