Почему пользовательское событие не работает?

Делаю пользовательское событие такое: Есть обычная форма с 1 полем, если её отправить и поле не пустое, то я создаю пользовательское событие, в которое передаю текст поля. Но, я когда отправляю форму, мне в консоль нечего не выводит.

Код формы, а так же создание события:

form.addEventListener('submit', event => {
    event.preventDefault();
    if (message.value.replace(/^\s+|\s+$/g, '')) {
        const event = new CustomEvent('message', {
            'text': message.value
        })
        document.dispatchEvent(event);
        message.value = null;
    }
});

Вот как я использую своё событие.

document.addEventListener('message', event => {
    console.log(event.text);
});

Пожалуйста, что тут не так? Покажите кодом, пожалуйста