I am working on a customised scoresheet for a Bible Quiz group. Basically, I want to click on a box and have a box come up with options for correct and incorrect. I just want it to affect the score for that one box. However, if you click another box, it changes all of the boxes.

Here's an example.  http://mipearson.com/mscore/index.php?question=4

Click the 10, 20, or 30 in the top left corner. It should update the points under the 4. Click on any of the boxes assigned to a person on the grey line. A box should come up with a Cor (Correct) or Incor link. Click on either option. Then click on another grey box and do the same thing. I don't want all of the points to change when one person's score changes. Does that make sense?

Thanks in advance. Here's my code:

2. $('.current-question.quizzer-points').click(function() {
4. var quizzerPoints = $(this);
5. var quizzerPointsId = $(this).attr('id');
6. var box = $(this).offset();
7. var boxTop = box.top + $(this).height() + 2;
8. var boxLeft = box.left;
10. $('#answer-box').css({
11. left: boxLeft,
12. top: boxTop
13. }).show();
14. 
    
15. $('#correct').click(function() {
17. //alert(quizzerPointsId);
18. var points = $('#point-value-q'+question).text();
19. $(quizzerPoints).text(points);
20. $('#answer-box').hide();
22. });
23. 
    
24. $('#incorrect').click(function() {
26. var points = -($('#point-value-q'+question).text() / 2);
27. $(quizzerPoints).text(points);
28. $('#answer-box').hide();
30. });
32. $('#exit-question').click(function() {
34. $('#answer-box').hide();
36. });
38. });