Change CSS With JavaScript (jQuery)

I have a CSS 'button' that is covering some table rows. Each time you click it, it reveals the next row. Upon revealing the last row, the text is changed to DONE! The script bel

Solution 1:

Create a class a with the new background color, and then add it

.completed-step {
 background-color: pink;
 cursor: default;
}

// replace the call to '$("#nextStep").css('cursor', 'default');'
$("#nextStep").addClass("completed-step");

here's an example http://jsfiddle.net/ED4Zt/1/