Question

$("body").on("triggerMe", function(){
    alert("Hey, I've been triggered!");
});

$(function(){
    $("body").trigger("triggerMe");
});

How come the function attached to the “triggerMe” event is not called when it’s triggered?

Answer 1

You are likely calling it in head…before body exists. Put on() inside ready:

    $(function(){

        $("body").on("triggerMe", function(){
            alert("Hey, I've been triggered!");
        });     

        $("body").trigger("triggerMe");
    });

Or bind to document outside ready()

   $(document).on("triggerMe", function(){
        alert("Hey, I've been triggered!");
    });

    $(function(){  

        $(document).trigger("triggerMe");
    });

Will work in a fiddle due to load settings preconfigured