clean dom-based routing es 6

main.js

/* ========================================================================
 * Based on http://goo.gl/EUTi53 by Paul Irish
 * ======================================================================== */

(function($) {
    var Routes = {
        common: {
            init: () => {},
            finalize: () => {}
        },
        home: {
            init: () => {},
            finalize: () => {}
        },
        about_us: {
            init: () => {}
        }
    };

    var UTIL = {
        fire: function(func, funcname, args) {
            var fire;
            var namespace = Routes;
            funcname = funcname === undefined ? "init" : funcname;
            fire = func !== "";
            fire = fire && namespace[func];
            fire = fire && typeof namespace[func][funcname] === "function";

            if (fire) {
                namespace[func][funcname](args);
            }
        },
        loadEvents: function() {
            UTIL.fire("common");

            $.each(
                document.body.className.replace(/-/g, "_").split(/\s+/),
                function(i, classnm) {
                    UTIL.fire(classnm);
                    UTIL.fire(classnm, "finalize");
                }
            );

            UTIL.fire("common", "finalize");
        }
    };

    $(document).ready(UTIL.loadEvents);
})(jQuery);

Make not related to jQuery, and make "more ES6"