javascript - setAttribute("checked", "checked") only works one time

Question

I am facing one issue

HTML

<input id="cb" type="checkbox" name="Employment_Staus" value="E" />
<input type="button" value="Check" id="id" />

JQUERY

$('#id').click(function(){
    $('input[type="checkbox"]')[0].setAttribute("checked", "checked");
});

First time when I click on check button, it works!(it check the check-box ), then I manually uncheck the check box!

When I press check button again after uncheck manually , it not work!

I don't want to use attr or prop etc etc !!

Example

http://jsfiddle.net/wL6qr0hp/4/

Answer 1

The checked attribute sets the default state, not the current state.

Modify the checked property (with .checked = true) instead.