javascript - jquery on (クリック) イベントが機能しない

Question

私のページには、テキストフィールド入力があります（ID myname）。そして、そのフィールドに名前を書くときは、$.get を使って、入力に対する名前の提案を取得します。このすべての div オブジェクトには、クラス「sug」があります。そして、そのすべてのデータは、id "nameHint" を持つ div に追加されます。

$("#myname).keyup(function(t){
    $.get("getname.php", {q:value}, function(data){
        nameHint.removeClass("hid").html(data); 
    }).fail(function(){nameHint.html("").addClass("hid");});
    t.preventDefault();
});

そして、div nameHint がページに表示されます。そして完璧に動作します。その後、divの1つをクリックすると、クラスのsugが表示され、何かが起こります。現在のdiv html-codを印刷したいとしましょう。私はこのコードを使用します：

$("div#nameHint div.sug").on("click", function(){
    alert($(this).html());
});

しかし、この on-event は enyting を行いません。

私は何を間違っていますか??