[JS][Jquery]Usunięcie elementu, jednak nie takie proste Opcje

[grzes999]

To znowu ja problem może wydać się banalny jednak nie mogę sobie z nim poradzić :/
Mam taki kod JS do dodawania i usuwania diva z zawartoscią.

[HTML] pobierz, plaintext 
$(function () {
	$('[id="kl"]').click(function () { 
			$(this).parent().remove();
			})
	$('#pokaz').click(function () {
		$('#elementy').append(
		'<div id="cos">'+
		'<h1>Pierwsze</h1>'+
		'<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, 		           ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat           eleifend leo.</p>'+
		'<button ="kl">usun</button>'+
        '</div>'
		)
		})
 
	})
[HTML] pobierz, plaintext 

I taki kod strony

[HTML] pobierz, plaintext 
<a href="#" id="pokaz">Odkryj element</a>
<div id="elementy">
<div id="cos">
<h1>Pierws11ze</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<button id="kl">usun</button>
</div>
</div>
[HTML] pobierz, plaintext 

I przycisk ten który jest w html usuwa mi diva a ten który wygeneruję za pomocą javascriptu już nie
Wiem, że niby każdy przycisk powinien mieć swoje id ale wiem że tak też się da.