JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<form action='includes/pgd_cc.php' METHOD='POST' id="ccSelectForm">
   <div class="control-group">
     <label class="control-label" for="inputEmail"><strong>Email Address</strong></label>
       <div class="controls">
        <input type="email" name="inputEmail" placeholder="jane.smith@email.com" id="inputEmail" required>
       </div>
        <label class="control-label" for="inputEmailConfirm"><strong>Confirm Email Address</strong></label>
         <div class="controls">
        <input type="email" name="inputEmailConfirm" placeholder="jane.smith@email.com" id="inputEmailConfirm" required>
        </div>
        </div>
  <button type="submit" id="emailSubmit" disabled="disabled" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Click me to buy">Credit Card Checkout &raquo; </button>

JavaScript

$('#ccSelectForm').validate({
        rules: {
          inputEmail: {
            required: true,
            email: true
          },
          inputEmailConfirm: {
            required: true,
            email: true,
            equalTo: '#inputEmail'
          },
        }

      });