jQuery - Comment puis-je ajouter dynamiquement un élément de la liste pour une liste non-ordonnée?

Semble comme une chose simple à faire (bien que im encore à apprendre les tenants et les aboutissants de jQuery).

Voici mon code HTML:

<div id="fbsignup">
    <div class="message messageerror"> 
       <strong>There were errors with your registration:</strong> 
          <ul></ul> 
    </div> 
</div>

Voici mon (tenté) de jQuery:

//Check Required Fields.
$('#fbsignup input.required').each(function () {
   if ($(this).val().trim() == '') {
      $(this).next('em').html('*').show();
      $('#fbsignup .message ul').add('li').html('Fields marked with * are required.');
    }
});

Et c'est ce qu'il fait pour les DOM:

<div class="message messageerror"> 
   <strong>There were errors with your registration:</strong> 
      <ul>Fields marked with * are required.</ul> 
</div> 

C'est d'ajouter le texte à l'intérieur html. Je veux ajouter un <li> élément de l'intérieur du code html de ce que j'ai mis - je pensais que ce est la façon dont le chaînage des œuvres?

C'est le HTML, j'ai voulez à la fin avec l':

<div class="message messageerror"> 
   <strong>There were errors with your registration:</strong> 
      <ul>
         <li>Fields marked with * are required.</li> 
      </ul>
</div>

J'ai aussi essayé ceci:

$('#fbsignup .message ul').add('<li>Fields marked with * are required.</li>');

Qui ne fait absolument rien.

Ce qui me manque? Est le .add la fonction n'est pas la bonne chose à utiliser ici?

OriginalL'auteur RPM1984 | 2010-08-10