Simple jQuery dropdown boxes that disappear when you click outside of them

dropdown.html

<a class="drop-down-toggle">Click me to reveal drop down box below...</a>

<div class="drop-down-wrapper">
	Hello, I will be revealed! 
</div>

dropdown.js

$('a.drop-down-toggle').click(function(){
	myDropDown = $(this).next('.drop-down-wrapper')

	if( myDropDown.is(':visible') ) {
		$(this).removeClass('drop-down-open'); 
		myDropDown.hide(); 
	} else {
		myDropDown.fadeIn(); 
		$(this).addClass('drop-down-open'); 
	}

	return false; 
}); 

$('html').click(function(e) {
	$('.drop-down-wrapper').hide();	
});
	
$('.drop-down-wrapper').click(function(e){
	e.stopPropagation();
});

Thanks!
For validation, line2 (missig var + semicon)
var myDropDown = $(this).next('.drop-down-wrapper');