handle ajaxComlete in chrome ext (jquery)

chrome_ajax_1.js

    var main = function () {

        var myEvent = document.createEvent('Event');
        myEvent.initEvent('CustomEvent', true, true);

        function fireCustomEvent() {
            document.body.dispatchEvent(myEvent);
        };

        jQuery(document).ajaxComplete(function (event, request, settings) {
            console.log("Ajax complete.");
            fireCustomEvent();
        });

    };
    
    var injectedScript = document.createElement('script');
    injectedScript.type = 'text/javascript';
    injectedScript.text = '(' + main + ')("");';
    (document.body || document.head).appendChild(injectedScript);

    document.body.addEventListener('CustomEvent', function () {
        console.log("Received event!");
    });