启动准备按钮到动态输入

我正在运行bootstrap 2.0.4的网站上更新一些内容(我知道已经过时了,但还没有时间更新!).

我试图在一个输入元素上预先设置一个按钮。当单击按钮时,我正在使用jquery在它下面动态添加另一个按钮,我还需要这个按钮预先设置好。

我创造了一个 fiddle 希望能得到帮助。

HTML

<div class="input-group control-group after-add-more">
  <input type="text" name="addmore[]" class="form-control" placeholder="Enter Name Here">
  <div class="input-group-btn">
    <button class="btn btn-success add-more" type="button"><i class="glyphicon glyphicon-plus"></i> Add</button>
  </div>
</div>
<div class="copy-fields hide">
  <div class="control-group input-group" style="margin-top:10px">
    <input type="text" name="addmore[]" class="form-control" placeholder="Enter Name Here">
    <div class="input-group-btn">
      <button class="btn btn-danger remove" type="button"><i class="glyphicon glyphicon-remove"></i> Remove</button>
    </div>
  </div>
</div>

JQuery

 $(document).ready(function() {
   $(".add-more").click(function() {
     var html = $(".copy-fields").html();
     $(".after-add-more").after(html);
   });
   $("body").on("click", ".remove", function() {
     $(this).parents(".control-group").remove();
   });
 });