ajax用于多个具有相同名称的div

Question

我有一个个人资料页面，其中有一个id为“containerr”的帖子.php代码在我们的帖子范围内创建潜水。当我想用ajax加载我的评论时，它会加载所有帖子而不是那个因为所有帖子的ID都是一样的。我的代码是：

for($i=count($rows)-1;$i>=0;$i--){ ?> //creat dives in range of our post

<div id="containerr">
    <?php
    $a=$rows[$i][0];
    $text=$rows[$i][1];
    echo( $text);?>
    <form method="post" id="form" >
        comment:
        <input type="text" name="comment" />
        <?php echo "<input name='post_id' type='hidden' value='".$a."' > </input>" ;?>
    <input type="submit" name="ok">

    </form>

    <div id='cm'> //this is the comment div

        <?php

        $row=$users->get_comments($a);
        for($j=0;$j<count($row);$j++){

            echo( $users->get_username($row[$j][0])[0]).':'.$row[$j][1], '<br>';

        }echo "</div>"; ?></div> <br><br><?php }?>

    <script src="css/jquery-1.11.1.js"></script>

    <script>//this is the ajax
        $('form#form').on('submit' ,function(e)
        {
            $.ajax(
                {
                    url: 'comment.php' ,
                    type: 'POST',
                    data : $(this).serialize(),
                    success: function(call)
                    {
                        $( 'body #containerr #cm' ).load( '# #containerr #cm ' );
                    }});
            e.preventDefault();
        });
    </script>