HTML Template

HTML

<span class="input-group-text pretext">Min:</span>			
<input min="" max="" type="number" class="form-control min-input" name="price_min" value="12">
<br />								
<span class="input-group-text pretext">Max:</span>
<input min="" max="" type="number" class="form-control max-input" name="price_max" value="25">

JavaScript

$(".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');	
	}
});