hide element when user click on outer space with help of Jquery event namespaces
$('input').on('click',function(e){
$(this).next('.filter-select-box').toggleClass('active');
e.stopPropagation();
$(document).on('click.filter', function (e) {
if(!$(e.target).parents('.filter-select-box.active').length && !$(e.target).hasClass('filter-select-box')){
$('.filter-select-box.active').removeClass('active');
$(document).off('click.filter');
}
});
});