Jquery. Seleccionar elementos de una lista

[DandyCC]

Buenas. Estoy intentando hacer una sección de comentarios en una web y tengo un problema con jquery.
Lo que pretendo es que el usuario, una vez hace el comentario, se publique sin refrescar la página (ajax). Para eso, tengo una lista de este tipo

Código HTML:

<ul class="comentario_rama">
<li class="comentario"></li>
<li class="comentario"></li>
<li class="comentario"></li>
<li class="respuesta">
<input type="text" id="coment_input" name="comentario" value=""/>
<input type="button" id="btn" value="Enviar"/>
</li>
 

Donde cada elemento li es un comentario. Para conseguir el efecto que quiero se me ocurrió añadir un elemento li justo antes del último li tal que así:

Código Javascript:

$("#btn").click(function() {
  $(this).parent(".respuesta").before('<li class="comentario"></li>');
});
 

De forma que luego cargaría por ajax ese comentario en el nuevo li creado una vez se hubiera insertado correctamente en la BD. Pero lo que no soy capaz de conseguir es seleccionar ese elemento recién creado.

Agradezco cualquier idea.

Saludos,

Esto funciona, pero no soy capaz