I have found a piece of code that has worked for me quite nicely. But I want to see how I can have the output of the code change the class of the outputted number depending on if the number is greater than or less than 100. 

The code I have is this:

2. $(document).ready(function(){ 
3. $('#div1,#div2,#div3,#div4').change(function(){
4.         var total = 0;
5.         $(#div1,#div2,#div3,#div4).each(function(){
6.             if($(this).val() != '')
7.             {
8.                 total += parseInt($(this).val());
9.             }
10.         });
11.         $('#total').html(total);
12.     });
13. })(jQuery);

So can someone help me figure out how to have the output have one class if its less than 100 and one class if its equal to 100? Also have the % sign output after the number. I would really appreciate the help. I am trying to lear but it is not coming fast. Thanks in advance.