Contar caixas marcadas com JQuery

Conte o número de caixas de seleção HTML, que são marcadas usando este script JQuery.

$(document).ready(function() {
// ########## Count Boxes ########## //

function countBoxes() {
  var a = $("input[type='checkbox']").length;
    $('#boxes').text(' of ' + a + ' Checked');
}

countBoxes();
$(":checkbox").click(countBoxes);

// ########## Count Checked ########## //

function countChecked() {
  var a = $("input:checked").length;
    $("#checked").text(a);
}

countChecked();
$(":checkbox").click(countChecked);
});

Demonstração de trabalho em codepen.io