Обработчик событий jQuery .on () не работает

Я хочу прикрепить событие к динамически создаваемому классу элемента. Поэтому я использовал живую функцию, но она не сработала. Итак, проверил ссылку на живую функцию , внизу примечания

Начиная с jQuery 1.7, метод .live () устарел. Используйте .on () для прикрепить обработчики событий. Пользователи более старых версий jQuery должны использовать .delegate () предпочтительнее .live ().

поэтому решили использовать в функции , но она все еще не работает. Текстовое поле уже прикреплено с помощью jquery ui datpicker. В другом элементе выберите я отключил это поле.

jQuery("#from").attr('disabled','disabled')
.removeClass('date_picker_bg')
.removeClass('hasDatepicker')
.addClass('date_picker_disabled');

после отключения, если я нажимаю, я хочу показать предупреждение или всплывающую подсказку. Поэтому я попробовал это, но не работает

jQuery(".date_picker_disabled").on("click", function(event){
          alert('hi');
  });

В чем может быть проблема

Я использую jquery 1.7.1 (jquery-1.7.1.min .js)