Problema ordenamiento de comentarios

[xXn]

Bueno, estoy haciendo un "sistema de comentarios" y voy a hacer que los comentarios se vean desde los mas nuevos a los mas viejos, osea en orden descendente.

Cuando refresco la pagina se ve perfecto. Pero el problema es cuando los voy a insertar mediante ajax.

Ejemplo de problema:
Entro a la web y tengo:

cometario3
comentario2
comentario1

Entonces comento y con ajax se me agrega:

Comentario4
Comentario3
Comentario2
Comentario1

Hasta ahi todo en orden, pero si vuelvo a agregar un comentario me aparece asi:

Comentario4
Comentario5
Comentario3
Comentario2
Comentario1


Aca esta la pagina para probar lo que me sucede si no lo entienderon.

http://dyfee.com.ar/stillalive/prueba.php

Y aca esta el codigo:

Código Javascript:

<script type="text/javascript">
    
    $(document).ready(function() {
    
        $("#enviar-btn").click(function() {
    
            var nombre = $("input#usr_nombre").val();
            var coment_text = $("textarea#coment_text").val();
            var id_usr_remitente = $("input#usr_id").val();
            var id_usr_destinatario  = $("input#usuario_id").val();
 
            var now = new Date();
            var date_show = now.getDate() + '-' + now.getMonth() + '-' + now.getFullYear() + ' ' + now.getHours() + ':' + + now.getMinutes() + ':' + + now.getSeconds();
    
            var dataString = 'id_usr_remitente=' + id_usr_remitente + '&id_usr_destinatario=' + id_usr_destinatario + '&coment_text=' + coment_text;
    
            $.ajax({
                type: "POST",
                url: "agregarcomentario.php",
                data: dataString,
                success: function() {
                    $('#nuevomensaje').append('<div><div><strong><a href="usuarios.php?id='+id_usr_remitente+'">'+nombre+'</a></strong> dice:<br/><small>'+date_show+'</small></div><div>'+coment_text+'</div></div>');
                }
            });
            return false;
        });
    });
    </script>
 

Código PHP:

<section>
            <article id="nuevomensaje">
            </article>
            <?php
            $sql  = "Select * FROM comentarios WHERE usr_id_destinatario = $usuario_id order by coment_id DESC";
 
            $resultado = mysqli_query($link,$sql);
            
            while($registro = @mysqli_fetch_assoc($resultado)){
                $sql2 = "SELECT usr_id, usr_nombre FROM usuarios WHERE usr_id =".$registro['usr_id_remitente']."";
                $resultado2 = mysqli_query($link,$sql2);
                $usuario = @mysqli_fetch_assoc($resultado2);
            ?>
            <article>
                <div>
                    <div>
                        <strong><a href="usuarios.php?id=<?php echo $usuario['usr_id']; ?>"><?php echo $usuario['usr_nombre']; ?></a></strong> dice:<br/><small><?php echo $registro['coment_fecha']; ?></small>
                    </div>
                    <div><?php echo $registro['coment_text']; ?></div>
                </div>
            </article>
            <?php
            }
            ?>  
            
        </section>
 

Espero que me puedan ayudar asi despues de esto trato de hacer el mismo sistema de comentario con paginacion. Si saben hacerlo mas facil con paginacion incluido y tienen algun ejemplo bienvenido sea :)

Muchas gracias. Saludos

[caricatos]

Hola:

No sé como funciona .append de tu librería, pero con el DOM, se puede usar insertBefore y firstChild para insertar un nodo como primer nodo de cualquier elemento... antes debes comprobar que existe algún firstChild, porque en caso contrario se debe usar appendChild.

Saludos

[diurno10]

Probaste con utilizar prepend en vez de append?