jquery.validate.bootstrap.popover.html

<form novalidate="novalidate" id="signin-form" method="get" action="" accept-charset="UTF-8">
  <fieldset>
    <legend>Please fill in your details</legend>
    <div class="form-group">
      <label for="client_email">Email</label> 
      <div class="input-group">
        <span class="input-group-addon"><i class="icon-envelope"></i></span>
        <input id="client_email" name="client[email]" class="required email form-control" placeholder="Your Email" type="text">
      </div>
    </div>
    <div class="form-group">
      <label for="client_password">Password</label>
      <div class="input-group">
        <span class="input-group-addon"><i class="icon-key"></i></span>
        <input id="client_password" name="client[password]" class="required form-control" placeholder="Your Password" type="password">
      </div>
    </div>
    <div class="form-group">
      <label for="language">Language</label>
      <div class="input-group">
        <select class="form-control required" id="language" name="language" data-popover-position="right" data-popover-offset="0,15">
          <option value="">Please Choose...</option>
          <option value="en">English</option>
          <option value="zh-CN">Simple Chinese</option>
        </select>
      </div>
    </div>
    <input class="btn btn-primary submit-btn" value="Submit" type="submit">
  </fieldset>
</form>