jQueryでチェックボックスのチェックされた値を全て取得したい

<input name="area" type="checkbox" value="tokyo" />東京
<input name="area" type="checkbox" value="kanagawa" />神奈川

↑こんな感じのチェックボックスで、チェックボックスをクリックするたびに選択された値を全て取得する

function GetVals(){
		var AllVals = new Array;
		$("input[name=area]:checked").map(function() {
			AllVals.push($(this).val());
		});
		alert(AllVals);
}

$(function(){
	$("input[name=area]").click(function() {
		GetVals();
	});
});

参考サイト：http://ja.w3support.net/index.php?db=so&id=786142