Bootstrap & jquery validation

validate.html

<div id="errormsg"><ul></ul></div>

<div class="form-group">
  <label class="col-sm-2 control-label">Title <div class="required">*</div></label>
  <div class="col-sm-10"><input type="text" class="input-xlarge form-control" name="title_auc" id="title_auc" value="<?php echo $row_auction['title_auc']; ?>"/></div>
</div>

validate.js

	$("#form1").validate({
		rules:{
			email_inv:{
				required:true,
				email: true
			}
		},
		messages:{
			email_usr:{
				email:"Enter valid email address"
			}
		},
		errorClass: "help-block",
		errorElement: "span",
		/*
		wrapper: "li", 
		errorContainer: "#errormsg",
		errorLabelContainer: "#errormsg ul",
		invalidHandler:function() {
			$(errormsg).addClass('alert alert-danger');
		},
		*/ //Use if all validation in container not on element "<div id="errormsg"><ul></ul></div>"
		highlight:function(element, errorClass, validClass) {
			//$(errormsg).addClass('alert alert-danger'); //Container not element
			$(element).parents('.form-group').addClass('has-error');
		},
		unhighlight: function(element, errorClass, validClass) {
			$(element).parents('.controls').removeClass('has-error');
			$(element).parents('.form-group').addClass('has-success');
		}
	});