Botão de like jQuery

Gente, podem me ajudar?

Então... Gostaria de pegar certas informações ao clicar num botão, alias, são vários deles e cada um com certa informação, veja:

<div class="post">
	<form>
 <button id="bolo" class="heart" name="id" data-id="49" uk-icon="icon: heart"></button>
	</form>
	<div class="quantLikes">
 12
	</div>
</div>
<div class="post">
	<form>
 <button id="carne" class="heart" name="id" data-id="50" uk-icon="icon: heart"></button>
	</form>
	<div class="quantLikes">
 12
	</div>
</div>
<div class="post">
	<form>
 <button id="laranja" class="heart" name="id" data-id="51" uk-icon="icon: heart"></button>
	</form>
	<div class="quantLikes">
 12
	</div>
</div>

	E um jQuerizinho pra pega-las:

$( 'button[name="id"]' ).click(function(){
 var that = $(this);
 var valId = that.data('id');
 var token = $(this).attr('id');
 alert(token);
});

	Porém, estão me retornando sempre a mesma informação que está no ID...

	O que posso fazer?