get value in hidden checkbox

Question

hi guys I have coding html like

 

<div class="m-t-10" style="margin-bottom:10px;">

<div class="switch-ss">

<input type="checkbox" data-init-plugin="switchery" />

</div>

<button class="btn btn-white btn-xs btn-mini bold fs-14 btn-default" type="button"><i class="fa fa-trash-o"></i></button>

<div class="clearfix"></div>

</div>

and css like :

.switch-ss{

display: block;

padding: 5px;

background-color: #fff;

border-radius:2px;

width: 30px;

height: 27px;

float: left;

line-height: 14px;

margin-right: 5px;

}

.switchery{

height: 9px !important;

width: 20px !important;

border-radius:10px !important;

border-color:#dedede !important;

}

.switchery>small{

height: 9px !important;

width: 9px !important;

/* margin-top: 1px; */

background-color: #a8aaab !important;

border-radius:100% !important;

}

 

the question is I want get value when I click that switch but when I click the switch the checked always return false, what should i do ?

 

this is my javascript

 

var chk = $('.switch-ss input[type=checkbox]').is(':checked');

console.log(chk)