JSFiddle - React, Tailwind, and code Playground

HTML

<form id="search" action="search.php" method="post">
    
    <label id="lblPriceMin" for="txtPriceMin">Minimum Price</label>
    <input type="text" id="txtPriceMin" name="priceMin"></input>
    <br />
    <br />
    
    <label id="lblPriceMax" for="txtPriceMax">Maximum Price</label>
    <input type="text" id="txtPriceMax" name="priceMax"></input>
    <br />
    <br />
    
    <input type="reset" id="reset" name="reset" value="Clear Form" />
</form>

JavaScript

$('#txtPriceMax').focusout(function() {
    
    var minValue = $('input#txtPriceMin').val();
    var maxValue = $('input#txtPriceMax').val();
    
    //alert ('minValue: ' + minValue + ', maxValue: ' + maxValue);
    
    if (maxValue < minValue) {
        alert ('The maximum value (' + maxValue + ') must be greater than the minimum value (' + minValue + ')!');
    }
});