使用一个Colorpicker更改多个div字体颜色

Question

我正在尝试使用相同的颜色选择器更改两个div。我希望能够使用一个类来指定颜色选择器应该为哪个div指定颜色。

这是显示我想要解决的问题的jsfiddle：http://jsfiddle.net/z0cfu4a4/

以下是代码：

$(".basic").spectrum({
    color: "#f00",
    change: function(color) {
        $("#basic-log").text("change called: " + color.toHexString());
        document.getElementById("basic").style.color = color.toHexString();
    }
});

<script src="http://bgrins.github.io/spectrum/spectrum.js"></script>
<link href="http://bgrins.github.io/spectrum/spectrum.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<input type='text' class="basic"/>



<p id="basic" style="font-family: arial, sans-serif; font-size: 3em; font-weight:bold;">
TARGET TEXT
</p>

<p id="basic" style="font-family: arial, sans-serif; font-size: 3em; font-weight:bold;">
TARGET TEXT
</p>