Javascript 如何使用jquery根据输入的val更改输入字段的背景色

我有一个带有十六进制颜色值的输入字段：

<input class="color" value="#ff0000" /> // ff0000 is red 

//ff0000是红色的

如何从该字段读取val并将该值设置为该字段的背景色？ 因此，我想实现：

<input class="color" style="background-color: #ff0000;" value="#ff0000" />

帮助不大：

$(document).ready(function(){
   var bgcolor = $('.color').val(); // create var which reads the value from input with class .color
   $('.color').css( "background-color", bgcolor ); // now set css rule to the same .color class with that var
});

---

正如您标记jQuery一样，研究和开发。如果您试图实现这一点，请将代码添加到问题中，以便我们可以帮助您调试它。