[jQuery] error binding event with anchor tag

[Ashit Vora]

Hi,
I 'm new to jQuery and 'm facing a some problem binding click event, a
function to an anchor tag.

I 've an anchor tag with ID add.

$('.add').click(function(){

                                var newElem = "<li 
class='ui-state-default'>Temp Text Displayed<a
href='#' class='edit-widget-control'>edit</a> <a href='#'
class='remove-widget-control'>delete</a></li>";
                                //alert(newElem);
                                $('#widget_window').append(newElem);
                        });

This works fine (adds new list item to widget_window which is
Unordered List Tag).

but the below code doesnt work... :(

$('.edit-widget-control').click(function(){
                                alert('alert');
                        });

                        $('.remove-widget-control').click(function(){
                                alert('alert');
                        });

'm not sure but is it because, elements with "edit-widget-control" and
"remove-widget-control" classes are added later (on click event of
"ADD"), jQuery is unable to assign event to them.

Can anyone help me with this issue ???

Thanks :)