JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

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

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

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

// I donot want to use attr or prop etc etc