Soumission d'un formulaire Ajax avec SimpleModal (jQuery)

Question

J'ai un formulaire dans un modal SimpleModal, mais lorsque j'essaie d'utiliser sérialiser avec jQuery, les données du formulaire sont toujours vides. La forme sérialiser fonctionne en dehors du modal, donc quelque chose empêche la sérialisation de saisir les données du formulaire. Voici le code que je utilise:

<div id="address_form" style="display:none"> 
    <div id="contact-area"> 
    <form id="address_form" action="submit" method="POST"> 
     <label for="Street">Street:</label> 
     <input type="text" name="Street" id="street" /> 
     <input type="submit" name="submit" class="submit-button" /> 
    </form> 
    </div> 
</div> 

$("#address_form").submit(function(){ 
    var data = $(this).serialize(); 
    alert(data) 
    return false; 
}); 

Answer 1

Vous avez deux éléments avec l'id de address_form. Changez l'identifiant sur la DIV avec cet identifiant et cela fonctionnera.