jQuery Delegation with Facebox
<p><strong>hi, i am not sharing code. the problem is in this code please take a look. (problem: I want to open facebox every time when post even come from ajax facebox is not working properly. I want to ask how to use jQuery delegation event with this event? )</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;link rel="stylesheet" href="facebox/facebox.css" type="text/css" /&gt;    
&lt;/head&gt;
&lt;body&gt;

&lt;ul id="items"&gt;
    &lt;li&gt; &lt;a href='#'&gt; Clone Object &lt;/a&gt; &lt;/li&gt;
    &lt;li&gt; &lt;a href='#test' rel='facebox'&gt; Click to open facebox &lt;/a&gt; &lt;/li&gt;
&lt;/ul&gt;

&lt;div id="test" style="display:none;"&gt;this is my test div&lt;/div&gt;

&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="facebox/facebox.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;

    jQuery('a[rel*=facebox]').facebox();

    $("#items li").delegate('a', 'click', function(){
        $(this).parent().append('&lt;li&gt;&lt;a href="#test" rel="facebox"&gt; New Element ( problem: it should open facebox) &lt;/a&gt;&lt;/li&gt;');
        return false;
    });

&lt;/script&gt; 

&lt;/bdoy&gt;
&lt;/html&gt;
</code></pre>
