событие click не работает на динамически созданные элементы


This question already has an answer here:

<html><head>    <script type="text/javascript" src="jquery.js"></script>    <script type="text/javascript">        $(document).ready(function() {            $("button").click(function() {                $("h2").html("<p class='test'>click me</p>")            });               $(".test").click(function(){                alert();            });        });    </script></head><body>    <h2></h2>    <button>generate new element</button></body></html>
test<h2>test

Я пытался создать новый тег с именем класса, нажав на кнопку. Я также определил щелкните событие, связанное с . Но событие не работает.

Может кто-нибудь помочь?