How to check if input check or not with jquery

Question

I have this switcher (Checked):

<div class="switch try">
<label><input checked="" type="checkbox" class="checkit"><span class="lever switch-col-green"></span></label>
</div>

How to know if this one is checked or unchecked when a user click on it ?

Here what i tried:

$(document).on('click','.try',function(e){
                        if($(".checkit").is(':checked')) {
                            alert("checked");
                        } else {
                            alert("Not checked");
                        }
});

But i don't get it working !

Answer 1

Try to use this:

$(".checkit:checked").length > 0;

or

$(".checkit").is(":checked")

Answer 2

You need to change your html from checked="" -> checked

<input checked type="checkbox" class="checkit">

Jquery is correct as is