Javascript 谷歌地图在克隆元素上自动完成

当有人单击“添加更多”按钮时，我得到了克隆输入字段的代码

javascript

html

添加更多

---

默认输入运行谷歌地图自动完成良好。添加更多按钮克隆我的输入。但是，对于新的克隆输入，google maps autocomplete不适用。如何使Google maps autocomplete在clone元素上工作？

我使用livequery和以下代码实现了它

html

添加更多

javascript

---

使用

.clone（true）我尝试的可能重复。克隆（true）；它没有帮助：（你能把你的代码放在一个文件夹里吗？我总是很难让代码片段在这里工作
$(".multipleunitaddress").each(function(){
  var multipleunitaddressinput = $(this).get(0);
  autocomplete2 = new google.maps.places.Autocomplete(multipleunitaddressinput, 
  {
    componentRestrictions: {country: "nz"}
  });
});


$("#addmore").click(function(){
  var newelement = $("#multipleunitaddress").clone();
  $(this).before(newelement);
  autocomplete3 = new google.maps.places.Autocomplete(newelement,                                                      
  {
    componentRestrictions: {country: "nz"}
  });
})

<div class="controls" id="multipleunitaddresswrapper">
  <input type="text" id="multipleunitaddress" class="multipleunitaddress" name="multipleunitaddress" value="" class="required" placeholder="Property's Google-safe address" autocomplete="off">

  <button id="addmore" class="btn btn-danger">Add more</button>
</div>

$(".multipleunitaddress").livequery(function()
  {
    var multipleunitaddressinput = $(this).get(0);
    autocompleteInput = new google.maps.places.Autocomplete(multipleunitaddressinput, 
   {
    componentRestrictions: {country: "nz"}
  });
});

$("#addmore").click(function(){
  var newelement = $(this).prev(".multipleunitaddresswrapper").clone();
  newelement.find("input").val("");
  $(this).before(newelement);
})