Jquery 使用HTML5颜色输入操作CSS

我尝试使用jQuery和HTML5颜色输入类型让用户设置特定div的文本颜色：

<script>
$('#color').change(function() {
    $('#output').css('color', "$('#color').val()");
});
</script>

<div id="output">
     <h1>Some Text</h1>
</div>
<label for="color">Color</label><input id="color" type="color" value="#ffffff" />   

$（'#color'）。更改（函数（）{
$（'#output'）.css（'color'，“$（'#color'）.val（）”）；
});
一些文本
颜色

---

上面的代码似乎没有做任何事情，但也不会抛出任何Javascript错误。我的猜测是，使用.change（）可能是错误的方法，但我也没有成功地使用任何其他方法。有没有人成功地以这种方式使用了这种输入类型？

使用。在上，我认为这是因为颜色选择器是动态创建的：

$("#color").on("change",function(){
    $("#output").css("color",$("#color").val());
});

小提琴：