SO fiddle

Test Fiddle mainly for SO Questions

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<script src="http://github.com/defunkt/facebox/raw/master/facebox.js"></script>
<link rel="stylesheet" href="http://github.com/defunkt/facebox/raw/master/facebox.css">
<ul id="items">
    <li> <a href='#'> Clone Object </a> </li>
    <li> <a href='#test' rel='facebox'> Click to open facebox </a> </li>
</ul>

<div id="test" style="display:none;">this is my test div</div>

JavaScript

jQuery('a[rel*=facebox]').live('click', function(e) {
      $.facebox({ div: this.hash });
      e.preventDefault();
    });

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