function displayAchievement(text) {
  var element = $("<li>" + text + "</li>");
  element.appendTo($("#achievementsList"));
  element.hide();
  element.fadeIn(500);
}

function goalDone(evt) {
  // Get the parent node
  var goal = $(evt.target).parent();
  goal.children("a").remove();
  displayAchievement(goal.text());
  goal.fadeOut(500, function() {
    goal.remove();
  });
  return false;
}

$(document).ready(function() {
  $(".goalDone").click(goalDone);
});