[Turok]

есть 3 блока div, при клике на любой из них срабатывает первое событие, а когда программно добавляем 4 блок, то это событие на нём не работает

<div id="test">
    <div class="test">test3</div>
    <div class="test">test2</div>
    <div class="test">test1</div>
</div>
<div id="press">Добавить блок</div>
<script>
    $('.test').click(function(){      //первое событие
        alert('hi');
        })
         
    $('#press').click(function(){     //второе событие
        $("#test").prepend('<div class=\"test\">test4</div>'); 
    })
</script>

как добиться чтоб первое событие работало с 4 блоком?

если первое событие включить во второе событие , то на 4 блоке будет срабатывать первое событие, но зато в первых трёх блоках он будет вылетать аж два раза