[jQuery] Unable to bind click function in a dynamically created object?

[Pascal]

hey gang--

i got a bit of a stumper for ya, trying to bind a function to the  
click event of each link in a dynamically generated list.

i have a bunch of long content pages that we're breaking up into  
subpages, with a sidenav to navigate through them. the markup for  
each page is as follows:

<div class="page">
<h3>Page One Title</h3>
<p>....</p>
<p>....</p>
</div>

<div class="page">
<h3>Another Page Title</h3>
<p>....</p>
<p>....</p>
</div>


here's the function that sets up the list of links and stuffs them  
into the sidenav.

$('.page').each(function(i) {
        var title = $('h3',this).eq(0).text();
        var link = $('<li><a href="#page'+(i+1)+'">'+title+'</a></li>');
        $('.sidenav ul').append(link);
        $('a',link).click(function() {
                alert(1);
                // $('.page',pages).hide();
                // $(page).show();
        });
});
$('.page').hide().eq(0).show();


it grabs the text of the first H3 in each section to use as the link  
text. it builds an LI element containing the link, then appends that  
to the sidenav. then it tries to assign a click handler to the link.

i've commented out the functional part of the click function and just  
put in an alert for testing, but the function isn't firing when i  
click these links. am i missing something?

thanks for any help,

-p


_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/