Cant get the color span to update and show change when slider is clicked

Ive looked over my code a few times and can't figure out whats wrong with it.

//Problem: No user interactivity //Solution: Add user interactivity

var color = $(".selected").css("background-color");

//When clicking on control list items $(".controls li").click(function () { //Deselect sibling element $(this).siblings().removeClass("selected"); //Select clicked element $(this).addClass("selected") //cache current color color = $(this).css("background-color");

});

//When new color is pressed $("#revealColorSelect").click(function() { //Show color select or hide the color select changeColor(); $("#colorSelect").toggle(); });

//Update the new color span function changeColor() { var r = $("#red").val(); var g = $("#green").val(); var b = $("#blue").val(); $("newColor").css("background-color", "rgb(" + r + "," + g + "," + b + ")"); }

//When color sliders change $("input[type=range]").change(changeColor);