Cacher is the code snippet organizer for pro developers

$('#careers-filter-areas').on('change', function() {
    var val = $(this).val();
    var locationVal = $('#careers-filter-locations').val();
    if ( val == '000'){
        if(locationVal == '000'){
            $(".career-page__search-grid-item").show();
        }else{
            $('.career-page__search-grid-item').each(function(){
                if($(this).attr("data-location").indexOf(locationVal) !==-1){
                    $(this).show();
                }else{
                    $(this).hide();
                }
            });
        }
    }else{
        $('.career-page__search-grid-item').each(function(){
            if($(this).attr("data-area").indexOf(val) !==-1 && (locationVal=='000' || $(this).attr("data-location").indexOf(locationVal)!==-1)){
                $(this).show();
            }else{
                $(this).hide();
            }
        });
    }
});

$('#careers-filter-locations').on('change', function() {
    var val = $(this).val();
    var areaVal = $('#careers-filter-areas').val();
    if ( val == '000'){
        if(areaVal == '000'){
            $(".career-page__search-grid-item").show();
        }else{
            $('.career-page__search-grid-item').each(function(){
                if($(this).attr("data-area").indexOf(areaVal) !==-1){
                    $(this).show();
                }else{
                    $(this).hide();
                }
            });
        }
    }else{
        $('.career-page__search-grid-item').each(function(){
            if($(this).attr("data-location").indexOf(val) !==-1 && (areaVal=='000' || $(this).attr("data-area").indexOf(areaVal)!==-1)){
                $(this).show();
            }else{
                $(this).hide();
            }
        });
    }
});