[解決済み] jquery .on() メソッドと load イベントの関係

質問

jQueryを使うにはどうしたらいいのでしょうか。 on() メソッドを load イベントですか？ 例：コードは

<a href="#" id="add">Add</a>
<div id="initial">
     <input type="text" class="abc" name="in">
</div>

そして、そのためのjQuery。

jQuery(document).ready(function() {
    var x=$('#initial').html();
    $('#add').click(function(){
        $('body').append(x);
    });
    $(document).on('load','.abc',function(){
        alert('started');
    });
});

解決方法は？

参照先 http://api.jquery.com/on/

と書かれています。

すべてのブラウザーで、ロード、スクロール、エラーの各イベント（例えば <img> 要素) はバブル化しない。Internet Explorer 8以下では、ペースト およびリセットイベントはバブル化されません。このようなイベントの使用はサポートされていません。 デリゲーションと併用することは可能ですが、イベントハンドラが イベントを発生させる要素に直接アタッチします。

新しい入力ボックスが追加されたときに何かしたい場合は、入力ボックスを追加した後にコードを記述すればよい。

$('#add').click(function(){
        $('body').append(x);
        // Your code can be here
    });

また、ドキュメント内の最初の入力ボックスがロードされたときに同じコードを実行したい場合は、関数を書いてそれを両方の場所で呼び出すことができます。 $('#add').click とドキュメントのreadyイベント