为什么这段代码不起作用？

Question

我希望jquery获取输入数据，该数据应该是颜色名称并更改该框的背景颜色。不能低估为什么val（）不在这里工作。

代码：

$(document).ready(function() {
  $("#button1").click(function() {
    $("#box").css("background-color", "$("#textValue").val()");
  });
});

#box {
  background-color: red;
  text-align: center;
}

<input type="text" id="textValue">
<button id="button1">&nbsp;Change color&nbsp;</button>
<div id="box">This is a test box.</div>