append html with a function in it
<p>I have a function <code>onclick</code> that add HTML :</p>

<pre><code>jQuery(".test").click(function() {
    jQuery(this).prevAll("input").val("5")
    jQuery(".after").append("&lt;div&gt;&lt;input /&gt;&lt;a class='.test'&gt;click doesn't work !&lt;/a&gt;&lt;/div&gt;")
});
</code></pre>

<p>So, when I click on my class <code>.test</code>, the function is triggered. And that works, but I have appended another class <code>.test</code> and when I click on it, the function isn't triggered. Why ?
Thanks.</p>

<p>Fiddle : <a href="http://jsfiddle.net/csL8G/3/" rel="nofollow">http://jsfiddle.net/csL8G/3/</a></p>
