Activation de bouton désactivé après le succès de jQuery de validation

J'ai le code suivant où j'ai 2 saisie de courrier électronique champs dont j'ai besoin pour valider ce sont les mêmes qui travaille avec succès à l'aide de jQuery valider equalTo.

<div class="control-group">
 <label class="control-label" for="inputEmail"><strong>Email Address</strong></label>
   <div class="controls">
    <input type="email" name="inputEmail" placeholder="[email protected]" 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="[email protected]" 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>

Lors de la validation, je souhaite activer le bouton, mais n'arrive pas à comprendre comment faire cela.

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

Idéalement en tant que bonus, je voudrais définir les contrôles de formulaire à utiliser les états de validation dans Bootstrap3, détaillé ici - http://getbootstrap.com/css/#forms-control-validation

Violon est ici http://jsfiddle.net/4wU5m/

OriginalL'auteur LJT | 2014-02-22