JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script src="https://tfsstatus.googlecode.com/git-history/a95786c3fc70eba41949a29ee17107c3d1c766c5/packages/Microsoft.jQuery.Unobtrusive.Validation.2.0.20505.0/Content/Scripts/jquery.validate.unobtrusive.js"></script>
<form id="theForm">
<input class="input-mini" type="text" id="Chest" name="Chest" 
data-val="true" data-val-number="Chest must be a number." />
<div id="MessageBox">
<span class="field-validation-valid" data-valmsg-for="Chest" data-valmsg-replace="true"></span>
<div class="info-box Chest"> info about chest</div>
</div>
</form>

JavaScript

var v = $('#theForm').validate();

var originalHighlight = v.settings.highlight;
var originalUnHighlight = v.settings.unhighlight;

v.settings.highlight = function(element, errorClass, validClass)
{
  console.log('doing my stuff here');
  $('.info-box').hide();
  originalHighlight.call(v, element, errorClass, validClass);
}

v.settings.unhighlight = function(element, errorClass, validClass)
{
  console.log('undoing my stuff here');
  $('.info-box').show();
  originalUnHighlight.call(v, element, errorClass, validClass);
}