ES6 ловить отправить событие

Question

Я не понимаю, почему при нажатии на кнопку внутри #mydiv EventListener не перехватывает событие и не выводит "submit". Кнопки просто отправляют форму.

import { $, $$, on, data } from 'uikit-util';

export default function () {

    const searchform = document.getElementById('myform');

    searchform.addEventListener('submit', e => {

        e.preventDefault();

        console.log("submitted");
    });

    on($$('#mydiv button[type="button"]'), 'click', function (e) {
        document.getElementById('myform').submit();
    });

}