Switch button onclick

When the page has loaded I print values to hidden input. When I click switch button why input value doesnt change? I used on method but didn't work.

<input type="hidden" id="switch_x" value="">
<input type="hidden" id="switch1_x" value="">
<input type="checkbox" name="my-checkbox" id="switch" checked data-size="normal" data-on-text="ab" data-off-text="ba">
<input type="checkbox" name="my-checkbox" id="switch2" checked data-size="normal" data-on-text="a" data-off-text="b">

Js Code

    if($('#switch').is(":checked")){
    $('#switch_x').val("2");
 }
$("#switch").click(function() {
   if($('#switch').is(":checked")){           
    $('#switch_x').val("2");          
   }else{
    $('#switch_x').val("1");    
   }
});         
if($('#switch2').is(":checked")){  
    $('#switch1_x').val("1");  
}

$("#switch2").click(function() {
   if($('#switch2').is(":checked")){    
    $('#switch1_x').val("1");
   }else{
    $('#switch1_x').val("2");
   }
});