Pasar variables en funciones onclick de un form

Quiero pasar valores de mi forma a una función por medio de onclick lo que realizo es lo siguiente:
<form method="POST" name="log">
<p>    <span class="login">Usuario:</span><input name="log" type="text" size="10">          
     <span class="login">Contraseña:</span><input name="password" type="password" size="10">
     <input type="submit" name="validar" value="Enviar" onClick="verifica(this.form);"> </p>
</form>
<script>
function verifica(obj) {
    var usua=obj.log.value;
    var pass=obj.password.value;
    $.ajax({
    type: "POST",
    url: "usuario.php",
    data: 'login='+usua+'&pass='+pass,
    dataType: 'json',
    beforeSend: function(x){$('#ajax-loader').css('visibility','visible');},
    });
    actualizaPag(usua);
}
</script>
Mi pregunta es hay alguna forma de pasar los parámetros directos sin, mandar la forma, es que mandando la forma me refresca toda la página y solo quiero cambiar la parte del usuario.
kiero hacer algo como:
<p>    <span class="login">Usuario:</span><input name="log" type="text" size="10">          
     <span class="login">Contraseña:</span><input name="password" type="password" size="10">
     <input type="submit" name="validar" value="Enviar" onClick="verifica(log.value,password.value);"> </p>