Я розмістив скрипт (JS) у тегу "head" і якщо я намагаюся взяти елемент по ID я отримую помилку (що елемент є нулем) за допомогою функції getElementById, зрозуміло чому, тому що сторінка не завантажилася, але я не знаю як цього уникнути, наприклад якщо зробити функцію події onload це не допоможе

        document.onload = function()
        {
            document.getElementById("put_new").addEventListener("submit", function(event){
                event.preventDefault();
                main();
            });
        }

помилка пропадає, але вже коли виконується подія submit нічого не відбувається

якщо помістити скрипт в тег body то помилка зникає, але я не хочу розривати код на куски.

Можна зробити так що код 

document.getElementById("put_new").addEventListener("submit", function(event){
                event.preventDefault();
                main();
            });

спрацював після завантаження сторінки, притому що скрипт був у тегу "head" ? Чи прийдеться переміщати його в body ?