switch case not working

Below is code that is not working. I work in local so if you cant solve issue based on code I show we can meet on my computer with team viewer. <?= $this->Form->create('AirIndemnities', [ 'id' => 'airplaneFormLanding', //'id' => 'addInStepsForm', 'class' => 'list steps' ]) ?> <?php echo $this->Form->control('type_of_issue_selector_id', [ //'empty' => 'Select' , 'options' => [ 'cancellation' => 'Cancellation', 'delay' => 'Delay', 'denied_boarding' => 'Denied Boarding', 'downgrading' => 'Downgrading'], 'type' => 'select', //'empty' => 'select' ]); ?> <script> $(document).ready(function(){ $('#type-of-issue-selector-id').change(function(){ switch($(this).val()){ //cancellation case '1': $('#cancellation_id_div').show(); $('#airline_departure_arrival_connect_passenger_jurisdiction_div').show(); break; //delay case '2': $('#unpaid_costs_div').show(); $('#hide_all_planned_actual_and_so_forth_div').show(); $('#airline_departure_arrival_connect_passenger_jurisdiction_div').show(); break; //denied boarding case '3': $('#denied_boaring_call_for_volunteers_div').show(); $('#airline_departure_arrival_connect_passenger_jurisdiction_div').show(); break; //downgrading case '4': $('#airline_departure_arrival_connect_passenger_jurisdiction_div').show(); break; default: $('#denied_boaring_call_for_volunteers_div').hide(); $('#cancellation_id_div').hide(); $('#hide_all_planned_actual_and_so_forth_div').hide(); $('#airline_departure_arrival_connect_passenger_jurisdiction_div').hide(); $('#unpaid_costs_div').hide(); $('#compensation_received_div').hide(); $('#refund_option_ticket_back_to_departure_point_div').hide(); $('#refund_rerouting_div').hide(); break; } }); }); </script>