JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jzaefferer.github.io/jquery-validation/jquery.validate.js"></script>
<form class="form-horizontal"  accept-charset="UTF-8" id="r_pwd" action="javascript:changepwd();">
							<fieldset>
							  
							  <div class="control-group">
								  <label class="control-label" for="focusedInput">New email</label>
								<div class="controls">
								  <input class="input-medium focused" required id="same" name="pwd" type="email"></div>
							  </div>
							  <div class="control-group">
								  <label class="control-label" for="focusedInput">Confirm Email</label>
								<div class="controls">
								  <input class="input-medium focused"  name="pwd1" type="email" ></div>
							  </div>
							  
							  
							  	
							</fieldset>
				
			</div>
			<div class="modal-footer">
				<a href="#" class="btn" data-dismiss="modal">Cancel</a>
				<button type="submit" href="#" class="btn btn-info">Update</button>
			</div>
			</form>

JavaScript

$("#r_pwd").validate({
				rules:{
					name:{required:true},
					pwd:{
							required:true,
							email: true
						},
					pwd1:{
							required:true,
							equalTo: "#same"
						}	
				},
				messages:{
                    pwd:{
                        required:"Must Filled",	
                        },
					pwd1:{
                        required:"Must Filled",	
                         equalTo: "Must be same as above email"
						}
				}
			});