Div not removed by click jquery?

Question

This link1 - work

<div class="test">test</div>
<div class="test2"></div>
$('.test2').click(function(){
$('.test2').remove();

This link2 - dont work

<div class="test">test</div>
$('.test').click(function(){
$('body').prepend('<div class="test2"></div>');
});
$('.test2').click(function(){
$('.test2').remove();
});

why ?

Answer 1

try:

$(document).on('click','.test2',function(){
    $('.test2').remove();
});

fiddle