jQuery Forum

I am exhausted today, not to include the funk that the BCS national championship put me in, so I must be either crazy or missing something. When I do the following the code works;

1. $('#modalShade').live('click', function(event) {
2. console.log('shade clicked');
3. });

But when I change to on()

1. $('#modalShade').on('click', function(event) {
2. console.log('shade clicked');
3. });

No dice!

#modalShade is a div that is added in an append()

1. <div id="modalShade"></div>
   

ugh, I know that I must be missing something obvious. I have read the docs for on(). Can anyone tell me what I might be missing?

EDIT: I set up a fiddle, but it works there http://jsfiddle.net/TpCHy/