Firebase列表数据多次返回

Question

var invitationsRef = new Firebase(FB + "/invites");

invitationsRef.on("child_added", function (snapshot){
   $('#invitations').append("<li>You are invited to" + snapshot.val().email + 
   "</li><button class='joinGroup' value='Join " + snapshot.val().group + 
   "'</button></li>");

上面的代码的工作原理是它显示了一个邀请列表。我遇到的问题出现了，如下面的代码所示。

$(".joinGroup").on("click", function(){
    console.log(this.value);
}

因此，当我单击其中一个附加按钮时，它会记录列表项的值，这也是我想要的。问题是它会多次记录它。单击列表底部的项目将被记录一次。点击后，下一个将被记录两次。该模式将继续，直到我向列表中添加更多项目。如果列表中有5个项目，那么它将从一次单击按钮中将最上面的项目记录5次。

任何人都可以解释为什么会发生这种情况以及解决方案是什么？