jQuery 变量赋值问题

id为"watermark_enable"的是一个checkbox类型的复选按钮，想要实现选中时checked赋值为1，不选时赋值为0

var checked=0;
  $("#watermark_enable").click(function(){
      if($('#watermark_enable').attr('checked')=="checked") {
             checked = 1;
        } else {
             checked = 0;
        }
        console.log(checked);
  });

点击checkbox能够输出正确的checked值 如图
!screenshot

var checked=0;
  $("#watermark_enable").click(function(){
      if($('#watermark_enable').attr('checked')=="checked") {
             checked = 1;
        } else {
             checked = 0;
        }
  });  console.log(checked);

点击checkbox获取不到变化的checked值，如何设置点击选中时获取checked的值为1，不选中时获取checked的值为0呢？