[JavaScript]Nie działa onclick po dodaniu nowego elementu Opcje

[Warmix]

[JAVASCRIPT] pobierz, plaintext 
            var element = document.createElement('div');
            element.id = 'button_start';
            element.style.width = '40px';
            element.style.height = '40px';
            element.style.backgroundColor = '#CCCCCC';
            element.style.top = '5px';
            element.style.right = '5px';
            element.style.position= 'absolute';
            element.style.margin = '0 auto';
            element.innerHTML = '<div id="tekst" style="text-align: center;">B</div>';
 
            var body = document.getElementsByTagName('div')[2];
            //body.appendChild(element);
            $(body).append(element);
 
            $(document).on("click", "#button_start", function(){
                alert("test");
            });
[JAVASCRIPT] pobierz, plaintext 

Dlaczego po kliknięciu na ten nowo utworzony element i dodany do strony nie wywołuje się onclik i nie wyrzuca alertu: "test"?

[Warmix]

Znalazłem błąd. Problemem wydaje mi się być to, że append dodaje przed danego diva, wprawdzie mój dodany jest widoczny, ale mam wrażenie, że przez to, że ten drugi go przykrywa, to one click przez to,że wyszukuje w całym 'document' to łapie tego diva za nim i nie wyłapuje click dla tego dodanego diva. Jak mogę to rozwiązać?