javascript - jQueryを使用して定義されたonInputイベントで要素を作成しますか?

Question

jQueryを使用してDOM要素を作成しようとしています。「入力時」イベントが定義されたこのDOM要素を作成したいと思います。

これは機能します：

var headerInput = $('<input/>', {
    'class': 'headerInput',
    type: 'text'
});

headerInput.on('input', function() {
    backgroundManager.get('activePlaylist').set('title', $(this).val());
});

これはしません:

var headerInput = $('<input/>', {
    'class': 'headerInput',
    type: 'text',
    input: function(){
        backgroundManager.get('activePlaylist').set('title', $(this).val());
    }
});

なぜだろう？これら2つの構文は同一だと思いました。