使用jQuery循环以递增ID为目标元素

Question

在在线表单中，我有一个添加子信息部分，如果您检查＆＃34;添加另一个孩子＆＃34;在上面的部分复选框中，显示了填写另一个孩子的信息的部分。我有4个最初隐藏的部分。

HTML：

<input type="checkbox" name="addChild1" value="addChild1">Add children
...

<fieldset id="child1">
...
    <input type="checkbox" name="addChild2" value="addChild2">Add another child
...
</fieldset>

<fieldset id="child2">
...
    <input type="checkbox" name="addChild3" value="addChild3">Add another child
...
</fieldset>

<fieldset id="child3">
...
    <input type="checkbox" name="addChild4" value="addChild4">Add another child
...
</fieldset>

<fieldset id="child4">
...
</fieldset>

jQuery的：

$(document).ready(function(){
    for(var i = 1; i < 5; i++){           
        $('input[type=checkbox][name="addChild"+i]').change(function(){
          if(this.checked){
              $('#child'+ i).slideDown();
          } else {
              $('#child'+ i).slideUp();
          }           
        });
    }
});

这个循环不起作用。能帮我找到问题以及如何使这项工作成功吗？

非常感谢您的帮助！

编辑：这是site