[PHP][JavaScript] Modal - pobieranie odpowiednich danych Opcje

[d.stp]

Witam,

pobieram z bazy danych MySQL jakieś rekordy i wyświetlam od najnowszego. Przy każdym rekordzie mam button "Zobacz opis" i chciałem, żeby pokazywał się opis w okienku (modalu). Problem w tym, że zapomniałem jak zrobić, żeby pobierał się odpowiedni opis do danego rekordu i wyświetlał w tym modalu.

Kombinowałem w ten sposób:

[HTML] pobierz, plaintext 
<a href="#" data-id="1">Pokaż opis</a>
[HTML] pobierz, plaintext 

I gdzieś w kodzie:

[HTML] pobierz, plaintext 
<div id="basic-modal-content" data-id="1">
	test 1
</div>
 
<div id="basic-modal-content" data-id="2">
	test 2
</div>
[HTML] pobierz, plaintext 

a następnie w JS:

[HTML] pobierz, plaintext 
$('a.basic').click(function (e) {
				var data_id = $('a.basic').data('id');
				alert(data_id);
				$('#basic-modal-content').modal();
				return false;
			});
[HTML] pobierz, plaintext 

Problem w tym, że za każdym razem w alercie wyskakuje mi "1" i wyświetla treść odpowiednią dla modala data-id "1".

Może ktoś pomóc?

[nospor]

nie: var data_id = $('a.basic').data('id');
a: var data_id = $(this).data('id');

nie:$('#basic-modal-content').modal();
a:$('#wlasciwy div').modal();