JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<form id="sales">
Min Trucks: <input id="minTruck" name="minTruck" type="text" class="number" />
Max Trucks: <input id="maxTruck" name="maxTruck" type="text" class="number" /><br />
Min Tractors: <input id="minTractor" name="minTractor" type="text" class="number" />
Max Tractors: <input id="maxTractor" name="maxTractor" type="text" class="number" />
</form>
JavaScript
$.validator.addMethod("greaterThan",
function(value, max, min){
return parseInt(value) > parseInt($(min).val());
}, "Max must be greater than min"
);
$('#sales').validate({
rules: {
maxTruck: {greaterThan: '#minTruck'}
}
});