如何在mvc中使用html helper创建动态控件

Question

需要：我有一个使用htmlhelper下拉的div和一个按钮。 该按钮用于克隆div。 当用户单击按钮时，jquery会创建div的克隆。

DIV：

  <div id="#step-1" class="form-group">
       <label class="col-md-3 control-label">Material</label>
       <div id="cbx-booking-material" class="col-md-9">
       @Html.DropDownListFor(m => m.BookingMatrialID, Model.BookingMaterialList,"Selcct a Material..", new { @id = "we", @class = "form-control select" })
  </div>

JQuery：

 $("#id").clone().prependTo('#step-1');

问题：按钮完美点击，div clone也很好。但下拉列表无法选择选项。总是显示默认文本＆＃34;选择一种材料..＆＃34;

为什么会这样？ 解决方案是什么？