Updating a field's change
You can do it in only one event. Get sums of all value on each changement like this : 



$(".js-question-score").change(function(){
  var res=0;
  $(".js-question-score").each(function()
  {
    res+=parseInt($(this).val());
  });
   $(".js-total-user-score").text(res);
});
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;form&gt; 
  &lt;input class="js-question-score" name="first" min="0" max="20"  value="0" type="number"/&gt;
  &lt;input class="js-question-score" name="second" min="0" max="20"  value="0" type="number"/&gt;
  &lt;input class="js-question-score" name="third" min="0" max="20"  value="0" type="number"/&gt;
&lt;/form&gt;

&lt;div&gt;
  User total score:
  &lt;span class="js-total-user-score"&gt;
    0
  &lt;/span&gt;
&lt;/div&gt;