jquery priority execution
<p>Can anyone help me with this:</p>

<pre><code>$('#n').click(function() {
    $(this).parent().append('&lt;a href="javascript:void()"&gt;&amp;nbsp;delete&lt;/a&gt;');
    $(this).next().click(function() {
        alert('clicked'); //this not working
    });
    $(this).blur(function() {
        $(this).next().remove();
    });
});
</code></pre>

<p><a href="http://jsfiddle.net/vkun9/" rel="nofollow">JS Fiddle demo</a>; the problem is that the  <code>blur()</code> event is executed before <code>click()</code> event.</p>
