[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"?

[trueblue]

Możesz mieszać, ale warto się zdecydować na jedną opcję, dla porządku.
Masz dołączoną bibliotekę jQuery?
Czy na stronie istnieją minimum 3 divy?
Sprawdź konsolę przeglądarki.

[Warmix]

Możesz mieszać, ale warto się zdecydować na jedną opcję, dla porządku.
Masz dołączoną bibliotekę jQuery?
Czy na stronie istnieją minimum 3 divy?
Sprawdź konsolę przeglądarki.

Wszystko jest w porządku. Bo ten element dodaje mi się na stronę, problem jest tylko przy tym, że gdy kliknę na niego, to nic się nie dzieje, a powinien wyskoczyć alert. Problemem jest na pewno

var body = $("div")[2]

bo jeżeli dam

$("body").append(

to fakt, dodaje mi się element nie w tym miejscu co potrzeba, ale wtedy alert działa. Co może być powodem błędu?