Bind click and live click
<p>Why this code works <a href="http://jsfiddle.net/Lzezc/5/" rel="nofollow">(see code at jsfiddle)</a></p>

<pre><code>$(document).ready(function() {
    var html = '&lt;div&gt;&lt;a href="javascript:"&gt;click me&lt;/a&gt;&lt;/div&gt;';
    var $div = $(html);
    $div.find('a').bind('click', function() { //attention on bind
        alert('Hi');
    });
    $('#test').append($div);
});
</code></pre>

<p>but the same code with <code>.bind('click'</code> replaced with <code>.live('click'</code> is not working? Why?</p>

<p>Thank you.</p>
