JavaScriptで動的に追加した要素（テーブルとか）でクリックイベントが反応しない

JavaScriptで要素（テーブル）を動的に追加した時、テーブルセルのクリック時にクリックイベントが反応しない件

いやーまいった。
悩むこと1時間。いやもっとか。
備忘録として記入

---

変更前のソース

$(function(){
    $(".hogehoge_table td").click(function(){
        $tag_td = $(this)[0];
        $tag_tr = $(this).parent()[0];
        console.log($tag_tr.rowIndex);  // クリック時の行番号確認用
    });
});

これじゃ、だめらしい。

変更後

$(function(){
    $(document).on('click', '.hogehoge_table td',function(){
        $tag_td = $(this)[0];
        $tag_tr = $(this).parent()[0];
        console.log($tag_tr.rowIndex);// クリック時の行番号確認用
    });
});

clickではなく、onを使って解決。