Jquery .on() not working with "e"

Question

working

$('.newbubble').live('click', function(e){
    console.log('clicked');
});

Not Working (here i want to get e.pageX and e.pageY)

$('.newbubble').on('click', function(e){
    console.log('clicked');
});

Again Working this one without "e"

$('.newbubble').on('click', function(){
    console.log('clicked');
});

Can anyone please help me with this, how can i get e.pageX with .on()

Answer 1

try

$(document).on('click','.newbubble', function(e){
    console.log('clicked');
});

Answer 2

I imagine, .newbubble doesn't exist on DOM ready, so you'll need to delegate.

For example :

$('body').on('click', '.newbubble', function(e){
    // here
});

Read the doc