This is for a quiz. The user has a question with a choice of three answers. The answers are buttons. Each button has a value. When the user clicks the button, it gives a value then moves onto the next question. And this process repeats through a series of 7 questions. During this process, I want it to add each of the values clicked and have an accumulated total at the end. 

I'm not sure if I should create a loop for this? I also want to note that this is being done without refreshing the page using .show and .hide features to the different sections of the quiz.

Thanks for your help!

Here are the buttons:

```html
<button class="blue" id="goat" value="5">ANSWER  1</button>
     <button class="blue" id="bird" value="10">ANSWER  2</button>
     <button class="blue" id="fish" value="15">ANSWER  3</button>
```

```js
 function charValue () {
  $(this).val();
 }

 var storedValue = $(this).$("button").data(charValue);
 var accumValue = storedValue + charValue;

 $("button").on('click', charValue);

```