javascript - jsで作成した要素にリスナーを追加します。jquery ONが機能しない

Question

js dom 操作で作成された要素にリスナーをアタッチする必要があります。これがjquery ONの目的だと思っていましたが、以下の例ではうまくいきません。

初期要素では機能しますが、JS 経由で追加された要素では機能しません。追加された要素には正しいクラス名があります。

<div id = "tag_options">
    <div class = 'tag_option'>test</div>
</div>


function greet(event) { alert("Hello "); }
$("[class='tag_option']").on("click", {}, greet);