Как предотвратить перекрытие в двух полях ввода type="number" ⇐ Html

[Anonymous]

у меня есть этот html:

Код: Выделить всё

Min:


Max:

js:

Код: Выделить всё

$(".min-input, .max-input").on("input change", function(e) {
var minInput = $(".min-input").val();
var maxInput = $(".max-input").val();
if(minInput > maxInput || maxInput < minInput) {
alert('overlap');
}
});

Когда вы помещаете курсор в поле max в конце 25 и удаляете 5 из 25 с помощью Backspace, оставшееся число равно 2 и меньше введенного минимального значения. Но по-прежнему не выдает никаких уведомлений о «перекрытии».
Что я делаю неправильно?
Пример скрипта

Подробнее здесь: https://stackoverflow.com/questions/793 ... ype-number