後から追加されたhtmlタグのイベント付与について #JavaScript

例題：<div id="button1">を押したら<div id="button2">が生成されるDOM(Document Object Model)がある。

１．htmlにイベントを持たせる手法・・・NG

$("button2").click(function(){
alert("2つめクリック");
});

画面読み込み時にbutton2は存在しないためイベントが付与されない？

２．documentにイベントを持たせる手法・・・OK

$(document).on("click", "button2", function(){
alert("2つめクリック");
});

クリックしたときにイベントを付与するため