problema con formulario

[spirron589]

Hola yo hago una consulta a mi bd...y en el while de php donde rescato los datos de mysql creo un form...la cosa es que el id del form siempre es el mismo...y entonces el codigo jquery que tengo que envia los datos sin recargar la pag no los envia....no se que le debo hacer tanto al formulario como al codigo jquery...anexo los codigos para quien me pueda ayudar gracias :D

Código PHP:

  echo "<form method='post' action='procesar.php' id='formulario' name='fo3' >
      <fieldset>
        <legend>Perfil</legend>
        <ol>
            <li><label>Nombres:</label><input type='text' size='30' name='fnombres' /></li>
            <li><label>Apellidos:</label><input type='text' size='30' name='fapellidos' /></li>
            <li><label>Correo:</label><input type='text' size='30' name='fcorreo' /></li>
        </ol>
        <input type='submit'   name='mysubmit' value='Enviar' />
      </fieldset>
</div>
</form>
<div id='result'></div>"; 
   

ahora el cdigo jquery que utilizo version 1.5.1

Código Javascript:

<script language="javascript">
$(document).ready(function() {
   // Esta primera parte crea un loader no es necesaria
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
   // Interceptamos el evento submit
    $('#formulario').submit(function() {
  // Enviamos el formulario usando AJAX
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            // Mostramos un mensaje con la respuesta de PHP
            success: function(data) {
                $('#result').html(data);
            }
        })        
        return false;
    }); 
})  
</script>
 

gracias por la ayuda

[maycolalvarez]

no hay necesidad que desde PHP generes el código html del form, crea una capa interna y actualizarla con el contenido, de esa forma el form no perderá el evento