Jquery events for controls generated after the load of the page
<p>I have TextBoxes of a class, and on button click I append another element of the same class.</p>

<p>How can I make it that the new TextBox behaves like the rest of its class?</p>

<p>Example: <strong><a href="http://jsfiddle.net/GCQKE/" rel="nofollow">http://jsfiddle.net/GCQKE/</a></strong></p>

<p>HTML:</p>

<pre><code>&lt;div class="container"&gt;
    &lt;input id="textbox1" type="text" class="textbox" /&gt;
    &lt;input id="textbox2" type="text" class="textbox" /&gt;
    &lt;input id="textbox4" type="text" class="textbox" /&gt;
&lt;/div&gt;
&lt;input type="button" class="append" value="Append new TextBox" /&gt;
</code></pre>

<p>JQUERY</p>

<pre><code>$(".append").click(function (e) {
    $(".container").append("&lt;input id='textbox3' type='text' class='textbox' /&gt;");
});


$(".textbox").click(function (e) {
    alert($(e.target).attr("id"));
});
</code></pre>

<p>When I click all the textboxes, I get the alert, exept for the one generated on button click. Any suggestion?</p>
