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, element, param) {
  var $min = $(param);
  if (this.settings.onfocusout) {
    $min.off(".validate-greaterThan").on("blur.validate-greaterThan", function () {
      $(element).valid();
    });
  }
  return parseInt(value) > parseInt($min.val());
}, "Max must be greater than min");

$('#sales').validate({
  rules: {
    maxTruck: {
      greaterThan: '#minTruck'
    }
  }
});