what's wrong with my jquery code?
<p>html structure:</p>

<pre><code>&lt;form method="post" id="comment-form" accept-charset="UTF-8"&gt;
&lt;div class="form-item form-type-textfield form-item-name"&gt;
 &lt;input type="text" id="edit-name" name="name" value="" size="30" maxlength="60" class="form-text required" /&gt;
&lt;/div&gt;
&lt;div class="form-item form-type-textfield form-item-mail"&gt;

 &lt;input type="text" id="edit-mail" name="mail" value="" size="30" maxlength="64" class="form-text required" /&gt;

&lt;/div&gt;

&lt;div class="form-item  form-item-homepage"&gt;

 &lt;input type="text" id="edit-homepage" name="homepage" value="" size="30" maxlength="255" class="form-text" /&gt;
&lt;/div&gt;
&lt;div  id="edit-comment-body"&gt;

&lt;label for="edit-comment-body-und-0-value"&gt;comment &lt;span title="required" class="form-required"&gt;*&lt;/span&gt;&lt;/label&gt;

&lt;textarea class="text-full form-textarea required" id="edit-comment-body-und-0-value" name="comment_body[und][0][value]" cols="60" rows="5"&gt;&lt;/textarea&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>jquery code:</p>

<pre><code>$(document).ready(function(){

if($("#comment-form #edit-name").val()=='' || $("#comments #edit-email").val() =='' ||$("edit-comment-body"))
$("#comments #edit-submit").click(function(){
   $('#comment-form #edit-name').append('&lt;span style="color:red;"&gt;please type your name&lt;/p&gt;');
   $('#comment-form #edit-mail').append('&lt;span style="color:red;"&gt;please type your emali&lt;/p&gt;');
  $('#comment-form #edit-comment-body label span').append('&lt;span style="color:red;"&gt;pleae type the content&lt;/p&gt;');
});

});
</code></pre>

<p>i want to add some red text after the input text. but the above code can't work?what's wrong with my jquery code? thank you</p>
