Jquery append to div that was appended before

[V]

I'm trying to append something to a div that was already appended but it doesn't seem to work..  :-\ This is the code (I'm not using line breaks in the js). I'm using it to create text inputs when I click a button.

 

$(document).ready(function() {
var fieldCount = 0;	

$('.add_text_input').click(function() {
	fieldCount++;	
	$('li').append('<div class="editLabel" id="' + fieldCount + '">Untitled</div>
                                     <div class="formField"></div> /
                                     <input type="text" name="untitled' + fieldCount + '" id="textinput' + fieldCount + '" /><br />');
});

$('.editLabel').click(function() {	
	var fieldLabel = $('.editLabel').html();	
	$(this).hide();
	$('.formField').append('<input type="text" name="untitled" value="' + fieldLabel + '"/><br />');
});

});

 

 

When I click the input field's label "Untitled" (which is in the editLabel DIV), I want to hide it and append an input field in the empty formField DIV which I'll use later to edit the default label "Untitled". The problem is, nothing happens on click.