jquery - find values in div, compare and color parent container -

i need compare value of .val1 against value .val2. if val1 greater val1 container #benchmark gets background-color red else color green. see done jquery.

    <div id="benchmark"> score team 1<div id="val1">8</div> score team 2<div id="val2">10</div>    </div> 

correct html

    <div id="benchmark"> score team 1<div id="val1">8</div> score team 2<div id="val2">10</div>    </div> 

to find value , use

$("#val1").text(); 

//so code :

var value1=parseint($("#val1").text()); var value2=parseint($("#val2").text());   if(value1>value2) {     $("#benchmark").css('background-color', 'red'); }   else  {      $("#benchmark").css('background-color', 'green'); } 

demo fiddle