问如何检查是否有两个选择框被选中，并且一个值大于另一个值？

EN

$('.ageSelect').on('change', function() {

    var ageToVal = $("#ageTo").val();
    var ageFromVal = $("#ageFrom").val();
    console.log("from value is "+ageFromVal);

    console.log("to value is "+ageToVal);

    if(ageToVal <= ageFromVal){
        console.log("SMALLLER");
        $("#addChildAge").prop("disabled", true);

    }else{
        console.log("BIGGGER");
        $("#addChildAge").prop("disabled", false);
    }
});


<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <select class="selectpicker ageSelect" data-live-search="true" id="ageFrom" name="ageFrom" data-bv-excluded="false">
                <optgroup class="userProfileAgeFrom">
                    <option disabled selected value="defaultAge">
                        Age from...
                    </option>
                </optgroup>
            </select>
        </div>
        <div class="form-group">
            <select class="selectpicker ageSelect" data-live-search="true" id="ageTo" name="ageTo" data-bv-excluded="false">
                <optgroup class="userProfileAgeTo">
                    <option disabled selected value="defaultAge">
                        Age to...
                    </option>
                </optgroup>
            </select>
        </div>
    </div>
    <div class="col-md-2">
        <button type="button" id="addChildAge" name="addChildAge" class="btn btn-green">
            <i class="fa fa-plus" aria-hidden="true"></i> Lisa
        </button>
    </div>
</div>