在表行克隆上，使用jQuery重置对克隆输入的验证

Question

我使用重复表行的代码。在此表行中，我几乎没有应使用此插件验证的输入：https://github.com/1000hz/bootstrap-validator。

如何克隆，我可以对新创建的输入进行验证？

HTML：

<table class="table">
    <tr>
        <th>Tax name</th>
        <th>Tax amount %</th>
        <th>Actions</th>
    </tr>
    <tr>
        <td>
            <div class="col-sm-12">
                <input type="text" name="STX_TaxeName[]" class="form-control" value="" maxlength="50" required="" data-plugin="maxlength">
            </div>
        </td>
        <td>
            <div class="col-sm-12">
                <div class="form-group">
                    <div class="input-group">
                        <input type="number" name="STX_Amount[]" class="form-control" required="">
                        <span class="input-group-addon bg-info">%</span>
                    </div>
                </div>
            </div>
        </td>
        <td>
            <a href="#" data-action="duplicate-row">Add</a> | 
            <a href="#">Remove</a>
        </td>
    </tr>
</table>

JS：

$('[data-action="duplicate-row"]').on('click', function(e) {
    e.preventDefault();
    var ele = $(this).closest('tr').clone(true);

    ele.find('.form-group').removeClass('has-error has-danger');

    $(this).closest('tr').after(ele);
    ele.find('input').val('');
});

这里是JS小提琴：https://jsfiddle.net/65duqtk7/

谢谢。