Anklickbare Tabellenzeile

Guten Abend zusammen,
ich habe aktuell das Problem, dass ich eine Tabelle mit Hilfe von einer Datenbank fülle und diese nun anklickbar machen möchte.
Hierbei wird jedes Mal ein div mit der id friend_list erzeugt. Jedes div bekommt als Value seinen Inhalt.
Beispiel:

<div id="friend_list" value="test">test</div>

Das Problem ist nun das bei mehreren dieser Zeilen nur die oberste auch anklickbar ist.

JS:

var main = function(){
  $("#friend_list").click(function(){
    var value = this.getAttribute('value');
    alert(value);
  });
};


$(document).ready(main);

Wie kann ich nun erreichen das alle Zeilen einzeln anklickbar werden?

Mit freundlichen Grüßen,
Phibo