jQuery validate error message as a block

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
	<div id="w4-account" class="tab-pane active">
                              <div class="form-group row">
          											<label class="col-sm-3 control-label text-sm-right pt-2">Email <span class="required">*</span></label>
          											<div class="col-sm-9">
          												<div class="input-group">
          													<span class="input-group-addon">
          														<i class="fa fa-envelope"></i>
          													</span>
          													<input type="email" name="email" class="form-control" placeholder="eg.: [email protected]" required/>
          												</div>
          											</div>
          											<div class="col-sm-9">

          											</div>
          										</div>
  												</div>

CSS

.error
{
    color: Red;
    display: inline-block;
}

JavaScript

$("form").submit(function() { 
    console.log("submit");
    return false;
});

    
$("form").validate({ rules: {} });