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

$('#theForm').valid();

//only fired on form .valid() called
$('#theForm').bind('invalid-form.validate',function(){
        $('.info-box').hide();
});