为动态和静态元素添加插件

Question

例如我有插件BootstrapMaxLength，我想为类.maxlength的所有输入触发它们，所以我写了那段代码：

 $('.maxlength').maxlength({
        limitReachedClass: "label label-danger",
        alwaysShow: true
    });

所有可以直接添加到HTML文档中的元素都可以正常工作。 但是我有一个按钮，它在点击后添加了具有相同类input的新DOM（.maxlength）元素。 Bootstrap插件不适用于这些新添加的元素。

我知道每次点击按钮时我都可以为这个类进行新的初始化。我读到我需要使用事件.on()来动态添加元素，但它不能一直用于静态和动态添加的元素。主要问题是我不想在很多地方复制代码，因为它不是我需要为新元素触发的单个插件。 那么，在代码中设置一个地方，是否有可能为静态元素添加一些插件，以及动态添加？

有一个我想做的例子。 :) http://jsfiddle.net/bbhr2w12/3/

所以你怎么看，我希望bootstrap-maxlength可以使用新添加的输入，而不需要on click动作中的重复插件初始化。

P.S我的代码在小提琴中，在JavaScript部分的底部。