jQuery-validate Example

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/additional-methods.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<p>
font awesome loaded ok -> &nbsp;&nbsp;
<i class="fa fa-stack-overflow" aria-hidden="true"></i>
</p>
<form id="myForm" action="#" autocomplete="false" method="POST" class="">
  <div class="form-group">
    <input type="text" name="email" class="form-control" placeholder="Email" required>
  </div>
  <div class="form-group">
    <input type="password" name="password" class="form-control" placeholder="Password" required>
  </div>
  <div class="form-group">
    <input type="submit" class="btn btn-primary fa-input" value="Submit" />
  </div>
</form>

CSS

body {
  padding: 20px;
}

.fa-input {
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

JavaScript

$(document).ready(function() {
  $('.btn-primary').val('&#xf0c7;');
});