J-запрос на Select Option, поле ввода не скрыто

Question

Я создал две формы на одном маршруте, а затем одно отображение fiorm - none, затем поместил кнопку в form1 и щелкнул по кнопке, когда она перемещается в form2, а затем в эту форму помещается выбранная опция и затем выбирается какая-то опция, которую я хочучтобы скрыть некоторые входные данные, выберите опцию, но выбранная опция не работает.

$(function () {
        $('#purpose_type_id').change(function(e){
            e.preventDefault();
            var selected_option = $('#purpose_type_id').val();
            console.log(selected_option);
            if (selected_option == "3" | selected_option == "4") {
                $("#plot_number_div").hide();
                $("#property_address_div").hide();
            } else {
                $("#plot_number_div").show();
                $("#property_address_div").show();
            }

        });

    });