validar form de logueo con jquery sin recargar la pagina

[ILuzbel]

Hola a todos, estoy haciendo un formulario con validación en jquery, el problema es que cuando clickeo en el submit, ejecuta mi codigo javascript pero al mismo tiempo recarga la pagina, quisiera que no se recargara y que mostrara el mensaje de error, pero no se como.

este es el codigo html:

Código HTML:

<form id="login" method="post" action="">
    <div style="display: none;" class="login-error"></div>
    <label for="username">Nick</label>
    <input name="username" id="username" type="text" tabindex="1" size="30" placeholder="Nick">
    <label for="password">Contrase&ntilde;a</label>
    <input name="password" id="password" type="password" tabindex="2" size="30" placeholder="Password">
    <input onClick="login_validation();" type="submit" value="Identificarse" id="login-submit">
</form>
 

Código Javascript:

function login_validation(){
    var data = {
        user: $("#username").val(),
        pass: $("#password").val()
    };
    if(data.user.length == 0){
        $('.login-error').html('<p>Introduce un Nick!</p>');
    }
    if(empty(is_string(data.user))){
        $('.login-error').html('<p>Nick incorrecto!</p>');
    }
    $('.login-error').slideDown('slow');
    return false;
}
 

Alguien me podría ayudar?

PD: ya busque en google y en el foro.

...:::EDITADO:::...

resuelto!, solo hay que meter un return false; al onClick del submit.
Quedaría así:

Código HTML:

<input onClick="login_validation(); return false;" type="submit" value="Identificarse" id="login-submit">
 

no se porque hasta ahora nadie pudo responder a esta simple pregunta...

Saludos

[maycolalvarez]

de hecho lo recomendable es usar return login_validation(); en el onsubmit del form