Почему не срабтаывает код jQuery(".bonus_payment").hide();?

Question

[Sergey]

jQuery(function () {
    jQuery('input[name="sh_pr_method_id"]:radio').change(function () {
		var ship = jQuery('input[name="sh_pr_method_id"]:checked').val();
         if (ship == 5) {
			 alert(jQuery("input[name='sh_pr_method_id']:checked").val());
            console.log('A child node has been added or removed.');
			
			jQuery(".bonus_payment").hide();
			
        }
		
    });
});

Почему алерт и консоль лог срабатывает а вот селектор не скрывает?

Comments

[Ярослав Иванов]

Откуда вы берете такие старые примеры, которым больше 10ти лет?
JQuery === $

[Sergey]

Ярослав Иванов, что первое попалось то и нашел)

[DevMan]

Ярослав Иванов, GDD во весь рост.

Answer 1

[Павел]

Если селектор есть на странице - проверьте, чтобы у него не было стилей display, opacity в !important

Answer 2

[Надим]

Попробуйте просто удалять кнопку:
jQuery(".bonus_payment").remove();