Edit in JSFiddle

$(function () {
    $(document).on('click', '.for-element-from-document', fromDocument);
    $('.for-element').on('click', toElement );
})
function toElement(){
    console.log('To element directly');
}
function fromDocument(){
    console.log('Listeners from Document');
}

<b>Inspect below p tags. </b>
<p class="for-element">Listener for element directly</p>
<p class="for-element-from-document">Listener from Document</p>