code not working

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


$('.controls').on('click', 'li', function(){
  $(this).siblings().removeClass('selected');
  $(this).addClass('selected');
  color = $(this).css('background-color'); //updates currently selected color
});


$('#revealColorSelect').on('click', function() {
  changeColor();
  $('#colorSelect').toggle();
});


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


$('input[type=range]').on('input', changeColor);


$('#addNewColor').on('click', function() {
  var $color = $('</li></li>');
  $color.css('background-color', $('#newColor').css('background-color'));
  $('.controls ul').append($color);

  $color.click();
});