Issu 153. Changed the error message element inside the error container from <span/> to <p/>. Most propably causes many end user CSS updates as follows:

.error p { margin: 0 }

Author: tipiirai

src/validator/validator.js

@@ -158,14 +158,14 @@
 					}  
 
 					// clear the container 
-					msg.css({visibility: 'hidden'}).find("span").remove();
+					msg.css({visibility: 'hidden'}).find("p").remove();
 
 					// populate messages
 					$.each(err.messages, function(i, m) { 
-						$("<span/>").html(m).appendTo(msg);			
+						$("<p/>").html(m).appendTo(msg);			
 					});
 
-					// make sure the width is sane (not the body's width)
+					// make sure the width is not full body width so it can be positioned correctly
 					if (msg.outerWidth() == msg.parent().width()) {
 						msg.add(msg.find("p")).css({display: 'inline'});		
 					} 

test/validator/minimal.htm

@@ -70,5 +70,5 @@
 </form>
 
 <script>
-$("form").validator(); 
+$("form").validator({ position: 'top center'}); 
 </script>