.val() is not working and is returning as "on"

Why does this happen ? I am not using correct syntax here?

HTML is as below

<div id="tasks" value="1" class="1">
<input type="checkbox">
<label>Task has been added</label>
</div>

jQuery is as below

$("#cButton").click(function () {
        var arr_id = [];
        $(":checkbox:checked").each(function (i) {
            arr_id[i] = $(this).val();
            console.log("$(this).val() : " + $(this).val());
        })
        if (arr_id.length == 0) {
            alert("atleast check one");
        } else {
            for (var i = 0; i < arr_id.length; i++) {
                $("." + arr_id[i]).remove();
                console.log("Hello");
            }
        }
    });

Console O/P is as below

$(this).val() : on