.on() Not working on Ajax generated DOM elements

.on() Not working on Ajax generated DOM elements

Hi

I was writing a jquery selector to act on click element of a specific class.

I tried this...

        $('.city_list').click(function(){
            alert('hi');
        });

this was not working on my ajax result elements . so i tried this...

        $('.city_list').live('click', function(){
            alert('hi');
        });

This also not working . i heard live was depricated on recent versions... so i tried this...

        $('.city_list').on('click', function(){
            alert('hi');
        });

This is too not working... i tried bind, delegate , etc.. and no use... can somebody help me on this ?