无法使用jquery在循环上将新标识应用于字段名称

Question

我有一个包含在div中的表单，可以多次复制。

div与其中包含的表单字段重复，但我似乎无法更改每个div中字段的ID。

$(".clonedInput").each(function(i){
    var _item_counter = i;
    var $this = $(this);

    $(".clonedInput div.form-group .pagination-calculator-field").each(function(i){                        
        $(this).attr('id', $(this).attr('data-id') + '-' + _item_counter);
        console.log($(this).attr('id'));
    });
});

我正在尝试使用动态创建时它所在的div的计数重命名每个字段。我可以看到它正确记录到控制台。但是当它在页面上时，它不会应用正确的ID。

我有什么不对的吗？

提前致谢。