problem when sending comments are repeated

I am creating a system of comments in php and jquery everything is going well until I try to send a second comment also send me the previous one and so subsistently, hopefully and you can find my error here is my code

coment.php

<div id="push-<?php echo$registro['id'];?>"></div><!--show coments here-->
    <div id="texto" style="padding:0px;">

     <!-- id unico para el formulario ya que hay varios formularios-->
    <form action="comentarios.php"  method="post" class="formu" id="formu-<?php echo$registro['id'];?>">


    <div class="input-group  mb-2 col-12" style=" margin: 0 auto;">

        <img src="imagenes/<?php echo$_SESSION['avatar'];?>" >
       <input type="text" class="form-control" placeholder="Escribe un comentario..." name="comentario" id="comentario" >
        <input type="hidden" style="display: none;" name="id_public" id="id_public" value="<?php echo$registro['id'];?>">
        <input type="hidden" style="display: none;" name="id_owner" id="id_owner" value="<?php echo$registro['id_user'];?>">


      <div class="input-group-append" >
       <button type="submit"  class="btn-outline-info consulta" id="<?php echo$registro['id'];?>">
       <img src="img/plane.png" width="20px" height="20px"  >
       </button>

      </div>

    </div>
    </div>

    </form>
    </div>

coments.js

    $(document).ready(function () {

   $(".consulta").click(function(){

    var id = this.id;//get id value
    var owner= $("#id_owner").val();
    var comentario= $("#comentario").val();
    var push= $("#push-"+id);

  $("#formu-"+id).submit(function(){

      $.ajax({

       url:"comentarios.php",
       type:"POST",
       data:$("#formu-"+id).serialize(),
       dataType:'json',

       success:function(datas){
        console.log(datas);

        push.append("<div id='post_coments_container'><img id='post_coments_img' src='imagenes/"+datas["avatar"]+"' >"+"<div id='post_coments'>"+ "<a href='#'> "+datas["usuario"]+" "+datas["apellido"]+ "</a>"+"<span>"+moment(fecha).format('LT')+"</span>"+"<div id='post_coments_messages'>"+datas["comentario"]+ "</div>"+"</div>" +"</div>");
        $("#comentario").val("");
    },
    error:function(datas){
      console.log(datas)
    }


  });

     return false;

    });



    });



});

I did not include the ajax because it really works well the only thing that I do not know what I'm doing wrong in the js file, some idea of my error I've tried in various ways and nothing