title: Manipulate CSS with the HTML5 Color Input
body: <p>I'm trying to use jQuery and the HTML5 color input type to let a user set the text color of a particular div:</p>
  
  <pre><code>&lt;script&gt;
  $('#color').change(function() {
      $('#output').css('color', "$('#color').val()");
  });
  &lt;/script&gt;
  
  &lt;div id="output"&gt;
       &lt;h1&gt;Some Text&lt;/h1&gt;
  &lt;/div&gt;
  &lt;label for="color"&gt;Color&lt;/label&gt;&lt;input id="color" type="color" value="#ffffff" /&gt;   
  </code></pre>
  
  <p>The above code does not seem to do anything, but also throws no Javascript errors. My guess is that .change() may be the wrong method to use but I haven't had success with any other ones either. Has anyone had success in using this input type in this manner?</p>