L'événement de clic JQuery ne fonctionne pas dans le bootstrap modal

J'ai cette ligne de code dans ma page:

<div id='data'>...</div>      
<a id='addMore' href='#'>Add more </a>   

Cette ligne est en fait dans une modal bootstrap. Je veux que lorsque l'utilisateur clique dessus, je veux que le div au-dessus d'elle cloné. Le problème n'est pas le code pour le clonage, mais que l'événement click est même pas soulevée. Dans mon .fichier js, j'ai ceci:

$('#addMore').click (...)

Les points de suspension est le code de la prévention des manquements et le clonage. J'ai essayé de tester avec une alerte. Il n'a toujours pas de travail. Je ne sais pas pourquoi.

J'ai découvert que si j'ai ajouté onClick='alert(...) dans la balise, il a travaillé.

Peut aider quelqu'un?

C'est le HTML de la modal (ne me dérangerait pas si quelqu'un a aidé avec la mise en forme. Je sais que c'est un gâchis):

<div id="addEmailModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="addEmailLabel" aria-hidden="true">   
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times; </button> 
        <h3 id="addEmailLabel">Add Email</h3>
    </div>
    <div class="modal-body">
        <div id="emailData">
            <input type="text" placeholder="Name (optional)" class="input-xlarge" />
            <input type="email" placeholder="Email" />
        </div>
        <a" id="addMore" href="#">Add more&hellip;</a>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary" id="btnAdd">Add</button>
    </div>
</div>

source d'informationauteur afaolek