Нужна помощь с флажком

Это работает нормально, за исключением вар всего = 0; не отображается, если вы не установите флажок дважды. Как я могу показать это 0 сразу при первой загрузке флажка?

https://jsfiddle.net/zf1psgw6/1/

 
$("#add_one").click(function () {
var chk = $("#add_one").val();
var total = 0;
if ($("#add_one").prop("checked") == true) {
var gtotal = parseInt(total) + parseInt(chk);
} else {
var gtotal = parseInt(total);
}
$('#total').text(gtotal);
});

Код (разметка):

  <input type="checkbox" value="1" id="add_one" > <div id="total"> </div> 

Код (разметка):

Ох!!
https://jsfiddle.net/zf1psgw6/5/

Все, что мне нужно было сделать, это поставить 0 в 0