jQuery验证：动态添加的字段获得验证但不起作用

Question

JSFiddle：https://jsfiddle.net/fho6m3cr/33/

我在没有提交按钮的情况下使用jQuery验证 - 而是有一个调用$('#form).valid()的常规按钮。

我在document.onReady中填充我的初始字段集，然后在单击“添加”按钮后填充另外一个动态字段。 “添加”按钮接收其规则但从未被拾取并跳过验证。

我初始化为

// First initialize jQuery Validation
$("#form").validate({});
// Add first-level validators
$("#form select, #form input:not(input[type=button], input[type=submit], input[type=hidden])").each(function(){
           $(this).rules("add", { required: true } );
});   

然后添加应该通过在单击时添加相同的选择/输入验证来处理新字段。

// (Re-)append validator
  $("#form select, #form input:not(input[type=button], input[type=submit], input[type=hidden])").each(function(){
       $(this).rules("add", { required: true } );
});

但它不起作用：新添加的字段未经过验证。原来的。表格和后续DIV的结构是正确的。

注意只有一次点击“添加”按钮 - 任何地方都没有唯一ID。