Resulta que estoy tratando de validar que un input no sea mayor a otro pero no funciona correctamente
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="application/javascript">
function enviar() {
let totalAnopheles = $('#totalAnopheles').val()
let totalZancudos = $('#totalZancudos').val()
if (totalAnopheles > totalZancudos) {
console.log("error")
} else {
console.log('correcto')
}
}
</script>
<div class="col-md-4">
<div class="form-group has-feedback">
<label for="totalZancudos">Total Zancudos:</label>
<input type="number" class="form-control allownumericwithoutdecimal" id="totalZancudos" name="totalZancudos" required="required">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group has-feedback">
<label for="totalAnopheles">Total Anopheles:</label>
<input type="number" class="form-control allownumericwithoutdecimal" id="totalAnopheles" name="totalAnopheles" required="required">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
<button onclick="enviar()">click</button>
la idea es que wl segundo input (Anopheles) no puede ser mayor a Zancudos