在clone（）元素之后，无法正确访问它们

Question

我克隆这样的元素：

JQUERY：

$('#addLine').click(function() {
  $('.data-line').last().clone({
    withDataAndEvents: false
  }).insertBefore('.data-line:first');
});

HTML：

<div class="form-group data-line">
  <div class="col-md-4">
    <select name="xxxxxxxx" class="select-chosen full-width" data-placeholder="Choose an option...">
      <option value="Travaux">Travaux</option>
      <option value="Problème technique">Problème technique</option>
    </select>
  </div>
  <div class="col-md-6">
    <div class="input-group input-daterange" data-date-format="yyyy-mm-dd">
      <input type="text" name="example-daterange1" class="form-control text-center" placeholder="From">
      <span class="input-group-addon">au</span>
      <input type="text" name="example-daterange2" class="form-control text-center" placeholder="To">
    </div>
  </div>
  <div class="col-md-2">
    <a data-toggle="tooltip" title="" class="btn btn-default" data-original-title="Supprimer"><i class="fa fa-trash-o"></i></a>
  </div>
</div>

我的问题是克隆时我无法正确访问输入。

我有一个日期选择器和一个选择（选择）。

如果我点击模型日期选择器（第一个开启），焦点如果给予最后一个（克隆的那个）。选择相同。

要解决这个问题的任何线索吗？