Event not fired after trigger change
<p>There's no better way to express my problem than to show you an example. <a href="http://jsfiddle.net/CA6aQ/" rel="nofollow">http://jsfiddle.net/CA6aQ/</a></p>

<pre><code>$(document).ready(function() {

    $('#foo').click(function(e) {
       e.preventDefault();
       $('#bar').addClass("herro");
    });

    $('.herro').click(function(e) {
       alert("Hello World!"); 
    });


});
</code></pre>

<p>Why doesn't this work?</p>

<p>Thanks.</p>

<p>EDIT: To clarify, when I add a class to an element. The click event for that class trigger doesn't fire. </p>
