php - JQUERYの特定のDIVにデータを追加する方法

Question

私のJQUERYに問題があります。

基本的に、私は投稿を表示するこのFacebookスタイルを持っています。各投稿には<input>、メンバーがコメントを残すことができるボックスがあります。ユーザーが<enter>私の jquery(AJAX) にアクセスすると、送信されたコメントが取得され、データベースに保存されます。

<DIV>コメントは、コメントが作成された特定の場所に即座に表示されます。

私の問題は、特定の投稿にコメントを送信するたびに、作成したコメントがすべての投稿に更新されることです。更新を押したときにのみ消えます。

TITLEとCOMMENTS<div>を表示するのは myです

<div id="content">
    <?php 
    /* GET TITLE*/
    $result = displayPosts(); 
        while ($row = $result->fetch_assoc()) { 
        $rowId = $row['id'];

    ?>
    /* ECHO TITLE*/     
    <b> <?php echo $row['title'] . "<br />"; ?> </b>

    <?php   
    /* GET COMMENTS PER POSTS */
    $comRes = getComments($rowId);
        while ($comRow = $comRes->fetch_assoc()) { 
    ?>

    <!--COMMENT AREA-->
    <div class="comments">
        <!--DISPLAY COMMENTS-->
        <small> <?php echo $comRow['comment'] . "<br />";?> </small>
    </div>

    <?php } /* end of second while loop */ ?> 

    <input type="text" post_id="<?php echo $row['id']; ?>" id="TextBox" name="input" value="" />

    <?php } /* end of first while loop */ ?> 
</div>

これは私のJQUERYです。<enter>ユーザーが特定の POST をヒットするたびに、その特定の DIV/POSTS に関するコメントのみを表示する必要があります

$(document).ready(function() {
    $('input#TextBox').keyup(function (z) {
        /* when this commentbox is entered*/
        if(z.keyCode == 13) {   /*keyCode 13 = enter*/ 
                var post_id = $(this).attr('post_id');  /* get the post_id in the <input> box */
                var comment = $(this).val(); /* get the value of the <input> */
                $.post('../portal/comment.php', {post_id: post_id, comment: comment});
                $('input#TextBox').val('');
                $(this).parent('#content').children('.comments').append("<div>"+comment+"</div>");
        }
    });
});

この行には my post_idso が含まれているため、入力ボックスで Enter キーを押すと、システムは特定の投稿がどの投稿を参照しているかを認識します..

<input type="text" post_id="<?php echo $row['id']; ?>" id="TextBox" name="input" value="" />