使用jquery從變量添加html元素？

Question

我想添加元素到特定的div，但沒有使用clone（），因爲我需要在每次添加時都使用原始元素的新副本，主要是因爲元素是可拖動的並且它們的值正在被用戶更改？所以我有我的HTML變量，我需要採取這些元素，並添加他們點擊另一elem。 ？

$(document).ready(function (e) { 

var $gElem = $(
    '<div class="distributionWrapper" id="element_0">' + 
     '<div class="cbox cboxQuarterWidth">' +   
      '<select id="combobox100">'+ 
       '<option>1</option>'+ 
       '<option>2</option>'+ 
      '</select>'+ 
     '</div>'+ 
     '<div class="help"><a href="javascript:;"></a></div>'+ 
     '<div class="cbox cboxEighthWidth"><span>'+ 
      '<select id="combobox200" name="PeriodId">'+ 
       '<option>1</option>'+ 
       '<option>2</option>'+ 
      '</select>'+ 
     '</span></div>'+ 
     '<div class="clear" id="clearDistribution"><a href="javascript:;"></a></div>'+ 
     '<div class="add" id="addDistribution"><a href="javascript:;"></a></div>'+ 
    '</div>' 
); 

    $('.mainSearch').html($gElem); // initial load of element 
    $("#combobox100").combobox(); 
    $("#combobox200").combobox(); 

var counter = 1; 
$('.add').live('click', function() { 
    if ($('.distributionWrapper').length === 6) return; 
    //var el = $('.distributionWrapper:first').clone().attr('id', 'element_' + ++counter).appendTo('.mainSearch'); 
    $('.mainSearch').add($gElem).attr('id', 'element_' + ++counter); 
    // here on click add gElem to .mainSearch and set atribute to .distributionWrapper 

}); 

$('.clear').live('click', function() { 
    if ($('.distributionWrapper').length === 1) return; 
    $(this).parents('.distributionWrapper').remove(); 
}); 

}); 

任何想法？