jQuery 在提交文本和复选框后清除表单字段

我想在提交后清除表单字段（表单字段有文本和复选框）。为了清除表单，我创建了一个按钮。并且有单独的提交按钮。

<input type="reset" name="clearform" id="clearform" value="Clear Form" />

<form id="submit" method="POST" action="">

我已经编写了 jQuery 代码，但它不起作用：

jQuery("#clearform").click(function(){
    jQuery("#submit input[type='text'], input[type='checkbox']").each(function() {
        this.value = '';
    });
});

有一个简单的解决方案可以通过 jQuery 重置表单：

$("form").trigger("reset");