Как запретить закрытие модального окна при клике за его пределами?

Html окна:

<!-- Само окно -->

<div id="boxes">  

<div id="dialog" class="window">

<div class="content">

<p>Привет</p>

<div id="settimeout"></div>

</div>

</div>

</div>

<!-- Маска, затемняющая фон -->

<div id="mask"></div>

Ява код окна:

$(document).ready(function() {   

	$('a[name=modal]').click(function(e) {

		e.preventDefault();

		var id = $(this).attr('href');

		var maskHeight = $(document).height();

		var maskWidth = $(window).width();

		$('#mask').css({'width':maskWidth,'height':maskHeight});

		$('#mask').fadeIn(1000); 

		$('#mask').fadeTo("slow",0.8); 

		var winH = $(window).height();

		var winW = $(window).width();

		$(id).css('top',  winH/2-$(id).height()/2);

		$(id).css('left', winW/2-$(id).width()/2);

    //add text

    $(id).fadeIn(2000, function() {

    	setTimeout(function() {

    		$('#settimeout').html("Появляющийся в окне текст");

    	}, 5000);

    }); 

  });

	$('.window .close').click(function (e) { 

		e.preventDefault();

		$('#mask, .window').hide();

    //remove text

    $('#settimeout').html("");

  }); 

	$('#mask').click(function () {

		$(this).hide();

		$('.window').hide();

    //remove text

    $('#settimeout').html("");

  }); 

});