jQueryを使った、show()とhide()について質問です。

チェックボックスが、OFFの時は、DIV=EXの領域をhideして、ONの時は、showしたいです。
実装しましたが、チェックボックスにチェックがついている時に、EX領域が消えていて、チェックが無い時(初期表示時を除く)に、EX領域が出てしまいます。

ソースを添付しますので、見て頂けないでしょうか。

-----------------------
$(document).ready(function(){

// 初期表示設定
$('#ex').hide();

// チェックボックスクリック
$("input[name='showCheck']").click(function () {
if ($("input[name='showCheck']:checked").val()){
$('#ex').hide();
}else{
$('#ex').show();
}
});
});
-----------------------