como se puede organizar el siguiente codigo

[Montes28]

hola amigos espero me puedan ayudar , en dos botones tengo dos eventos onClick, como los organizo para que funcionen con jquery

Código HTML:

,
<input name="enviar" type="submit" class="btn btn-primary" id="add" value="Recuperar" onclick="$(this.form).submit()"/>
 <button type="reset" class="btn" onClick="valid.reset(); return true">Cancelar</button>
 

el boton de cancelar ya lo arregle de la siguiente manera , me falta es el onclick="$(this.form).submit()" , como lo hago?

Código Javascript:

<script>
$(document).ready(function(){
    $('#cancelar').click(function (){
    $('#destinatario').val();
    $('#destinatario_rep').val();
    });
    $("input,select,textarea").not("[type=submit]").jqBootstrapValidation({
 
    });
    });     
</script>