javascript - Twitter Flight を使用して動的に作成された要素にコンポーネントをアタッチする

Question

Twitter Flight を使用して動的に作成された要素にアタッチする方法を探しています。

次のHTMLを持つ

<article>Add element</article>

そして、次のコンポーネント定義

var Article = flight.component(function () {
    this.addElement = function () {
        this.$node.parent().append('<article>Add element</article>');
    };

    this.after('initialize', function () {
        this.on('click', this.addElement);
    });
});
Article.attachTo('article');

新しい要素が作成されると、クリック イベントは発生しません。これがフィドルです：http://jsfiddle.net/smxx5/