Submit | Formulário | JQuery

Estoy desarrollando un formulário php que posee un botón ENVIAR que tiene un fade hecho con JQuery de esta forma

Código Javascript :

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
   $(document).ready(function() {
      $('.efeito_fade').append('<span class="hover"></span>').each(function () {
           var $span = $('> span.hover', this).css('opacity', 0);
           $(this).hover(function () {
             $span.stop().fadeTo(500, 1);
          }, function () {
         $span.stop().fadeTo(500, 0);
           });
      });
   });
</script>

El html del botón es este:

Código HTML :

<a href="#" id="seu_botao" class="efeito_fade"></a>

El fade funciona pero el formulário no está siendo procesado porque no le está llegando la información del click.

Me parece que está faltando algo como esto

Código Javascript :

function enviar_formulario(){ 
document.form1.submit() 
}

Alguien sabe como coloco este código? Desde ya muchas gracias. Claudio

Asegurate de enlazar correctamente tu funcion de JavaScript al evento click del boton. ej.

http://www.mkyong.com/jquery/jquery-bind-and-unbind-example/

http://api.jquery.com/bind/

Saludos.

Hola, no te entendi muy bien pero bueno si el link #seu_botao lo vas a ocupar como el elemento que dispara el submit del formulario te hace falta agregarle la funcion al onClick, mas o menos asi.

Código PHP :

$(document).ready(function() { 
      $('.efeito_fade').live('click', function(e){e.preventDefault(); enviar_formulario()}).append('<span class="hover"></span>').each(function () { 
           var $span = $('> span.hover', this).css('opacity', 0); 
           $(this).hover(function () { 
             $span.stop().fadeTo(500, 1); 
          }, function () { 
         $span.stop().fadeTo(500, 0); 
           }); 
      }); 
   });

captura el formulario dentro de la función de fade