I want to attach a event to dynamically created element class.So i used live function but it was not triggered. So checked [live function reference](http://api.jquery.com/live/) ,there i red below notes

> 
> As of jQuery 1.7, the .live() method is deprecated. Use .on() to
>  attach event handlers. Users of older versions of jQuery should use
>  .delegate() in preference to .live().
> 
> 
> 

so decide to use [on](http://api.jquery.com/on/) function,But it still not working.The text field is already attached with jquery ui datpicker.On another element select i disabled that field.

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

```

after disabled if i click i want to show alert or tooltip.so i tried this,but not working

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

```

What may be the problem

I am using jquery 1.7.1 ( jquery-1.7.1.min.js)