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 greaterThan" data-min="minTruck"
  />
  <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 $element = $(element)
      , $min;
  if (typeof(param) === "string") {
      $min = $(param);
  } else {
  	  $min = $("#" + $element.data("min"));
  }
  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");

$.validator.addClassRules({
  greaterThan: {
    greaterThan: true
  }
});

$('#sales').validate();