mis datos por get en ajax no se envian :(

[villagran_gg]

saludos comunidad, tengo el siguiente codigo ajax para registrar un comentario, el caso es que cuando le doy click al boton, este me redirige al documento php, por el hecho de que las variables que envió no estan definidas, es decir mi ajax no funciona, el codigo lo vi en un videotutorial y no se porque falla, espero y porfavor me pudieran ayudar, cabe mencionar que ya me fije que las rutas esten bien y que comentario y link coincidan con lo que tengo escrito en el php

Código Javascript:

<script>
            $.(document).ready(function(){
                $("#coment").submit(function(){
 
                    var datosFormulario={comentario:$("#comentario_txt").val(),link:$("#target").val()}
                    $.get("panel/registra_comentarioajax.php",datosFormulario,procesarDatos);
                    return false;
 
                });
 
                function procesarDatos(dev){
                     if(dev=="exito"){
                        $("alerta").html("<p>Tu comentario ha sido registrado</p>");
                     }
                     else{
                        $("alerta").html("<p>Ya habias comentado lo mismo</p>");
                     }
                }
            });
        </script>
 
        <form class="form-group" id="coment" action="panel/registra_comentarioajax.php" method="get">
                        
            <textarea class="textcoment" id="comentario_txt" rows="3" name="comentario_txt"></textarea>
                            
            <input type="text" class="form-control inputlink" id="target" name="link_txt" placeholder="Link o fuente">
                            
            <button type="submit" class="btn btn-default">Enviar</button>
 
        </form>
 
        <div id="alerta"></div>