I just noticed a weird behavior:

I want to dynamically disable a element to prevent a user to open the options menu, but at the same time I want to bind a click, so the user when clicks it, it will receive an alert "sorry this selector is disabled"

a better example can be, say, when you have two select elements, and if the user chooses an option from #select1, it's forbidden to choose anything form #select2

I don't want to hide the #select2 for other reason I don't need to fully explain.

<form>
   <select id="select1" disabled> // jquery on() won't work because of "disable"
        <option value='1' >apple</option>
        <option value='2' >banana</option>
    </select>
</form>


 $('form').on('click', '#select1', function(e){
        // do something
 });