Как закрыть мобильное меню при нажатии на пустое место?

Question

[sandrin1]

/*  Hamburger Menu & Icon  */
	$('.hamburger').on('click', function(e){
		
		e.preventDefault();
		$(this).toggleClass('opned');
		$('header nav').toggleClass('active');
		
	});

понятно, что присваивается 2 класса opned и active

<header>
			<div class="wrapper">
                              <div class="logo">
				<a href="tel: [phone]">[phone]</a>
</div>
				<a href="#" class="hamburger"></a>
				<nav class="">
					<ul>
						<li><a href="#">Buy</a></li>
						<li><a href="#">Rent</a></li>
						<li><a href="#">Sell</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
				</nav>
			</div>
		</header>

памагите! Чтобы при нажатии на пустое место удалялись эти классы?