Creating JQuery click events for dynamic elements

I always forget how to bind events to elements when dynamically loaded when I need it most.

So I decided to make a blog post so I can get the answer really fast.

$(document).on('click', '.class', function(ev){
//do something
var data = $(this).attr('data-id');
});