javascript - 動的 ID でクリック イベントが機能しない

Question

<a>動的テーブルを作成しており、動的に作成された ID を持つ要素をクリックしてフォームを表示したいと考えています。フォームを表示できる唯一の方法は、クリック イベントのセレクターをテーブル ID (#table 2) に設定することですが、より詳細に表示できない理由がわかりません。

$.each(json, function (index, value) {
    var posttimestamp = value.Post_timestamp;
    var replytimestamp = value.Reply_timestamp;
    var topic = value.Topic;
    var post_txt = value.Post_txt;
    var reply_txt = value.Reply_txt;
    var species = value.Species;
    var postuser = value.Post_User;
    var replyuser = value.Reply_User;
    var medcond = value.MedCondPrimary;
    var breed = value.Breed;

    if (value.Post_timestamp != check) {
        var newpost = 'y';
    } else {
        var oldpost = 'y';
    }


    if (newpost) {
        $('#table2').append('<tr><td   id="posttopic" colspan="2"><a href="forum24.php"           id=' + posttimestamp + '>' + topic + '</a></td><td></td></tr><tr><td id=' + "post" + posttimestamp + '>' + posttimestamp + '</td><td  id=' + "post" + posttimestamp + 'colspan="3">' + post_txt + '</td><td>' + postuser + '</td><td>' + breed + '</td></tr>');
    }

    $('#' + posttimestamp).click(function (e) {
        e.preventDefault();
        $('div.form').show();
    }