Как правильно показывать\скрывать поиск на сайте?

Добрый день! Подскажите пожалуйста. У меня есть search. При клике на иконку к search добавляется класс active и он становится видимым. Теперь, мне нужно, при клике на любое место, кроме самого поиска, убрать этот класс active. Как реализовать? Прикрепил кусок кода, но видимо не логичный, поскольку класс добавляется и удаляется одновременно.

$('body').on('click', function(e){
		$('.search').removeClass('active');
	})

	$('.search-icon').on('click', function(){
		$(this).parent().find('.search').toggleClass('active');

		var field = $(this).parent().find('.form-input-text');

		field.focus();

	});