Add class to parent and remove when clicked outside the element

Add class to parent.html

<div class="click-box">
	<div class="btn btn-default">click me</div>
	<div class="click-content">
		click content
	</div>
</div>

Add class to parent.js

$('html').click(function() {
  $(".click-box .btn").parent().removeClass('click-box-open');
});
$('.click-box .btn').click(function(event){
    $(this).parent().toggleClass('click-box-open');
});
$('.click-box').click(function(event){
    event.stopPropagation();
});