jQuery проверка правильности размещения плагинов

Question

Я использую JQuery Validation Plugin. Вот мой вопрос - у меня есть простая форма, которая, как это

<form id="form"> 
    <label>Name</label> 
     <input type="text" name="name" id="name" class="required" minlength="2"> 
    <span></span> 
    <label>Surname</label> 
     <input type="text" name="surname" id="surname" class="required" minlength="2> 
    <span></span> 
    <input type="submit" value="submit"> 
</form> 

Сценарий валидации настроенный как это -

$(function(){ 
$("#form").validate({ 
    messages: { 
     name: "Please enter name.", 
     surname: "Please enter surname."  
    }, 
    errorElement: "span", 
    errorPlacement: function(error, element) { 
      error.insertAfter(element); 
     } 
}); 
}); 

Проблема заключается в том, как сообщения об ошибках выводятся в первом теге диапазона , Как я могу это исправить. Любые предложения, как это сделать?

Спасибо!

Answer 1

Обновление HTML, чтобы использовать ярлык для

<label for="name"> 

Try - http://jsfiddle.net/EUWEE/1/