Sistema de comentario con jquery

[daniel945]

Disculpa, lo escribí apurado, y no vi el problema que ocasionaría. El sistema de comentario, es solo con jquery. Estoy haciéndolo, y la verdad que no entiendo, si me ayudarías con un ejemplo, te agradezco.

Codigo Javascript:

Código Javascript:

<script type="text/javascript">
 
 
$(document).ready(function(){   
 
$("#enviar").each(function(i) {
 
$(this).click(function(){
 
i = i+1;
 
event.preventDefault();
 
var comentario = $("#comentar").val();
 
$("#posting").prepend("<div id='posting-"+ i +"'><p> " +comentario +" </p></div>");
 
var getID = $("#posting-"+i).attr("id");
 
 
 
var form = "<form id='form-res'><textarea id='respuesta' class='dd' placeholder='Escribe un comentario...'></textarea><input type='submit' id='responde' value='responder'></form>"
$("#comentar").val('');
 
 
$("#"+getID).append("<div id='wrapper'><div id='form-responder'>"+ form+ "</div></div>");
 
}),
 
$("#posting").on( "click","#responde", function(e) {
 
 
e.preventDefault();
 
var responde = $("#respuesta").val();
 
 
$("#wrapper").append("<div>"+ responde+ "</div>");
 
    });
 });
});
 
</script>
 

Codigo Html:

Código HTML:

<div id="contenedor">
    <div id="form-publicar">
       <form action="#" method="post">
          <textarea id="comentar" placeholder="Que estas pensando?"></textarea>
           <input type="submit" id="enviar" value="publicar">
 
</form>
 
</div>
 
<div id="posting">
</div>
 
 
<div class="clear"></div>
 
</div>