title: How to get a value from HTML5 color picker
body: <p>I am trying to change the color of an h1 element based on a selection using the color input type, but i cant seem to get it to work. I've tried outputting the color variable to an alert and it only returns undefined.</p>
  
  <pre><code> $(function(){
  
          $("#changeColor").click(function(){
  
            var color =  $("#colorChoice").value
  
            $("h1").css("color" + '"' + color + "'")
  
  
          });
  
  
  
      });
  
  
      &lt;/script&gt;
  
  
  &lt;/head&gt;
    &lt;html&gt;
    &lt;body&gt;
  
    &lt;h1&gt;This is the default text&lt;/h1&gt;
    &lt;form&gt;
    &lt;fieldset&gt;
        &lt;select id="changeFont"&gt;
          &lt;option&gt;Arial&lt;/option&gt;
          &lt;option&gt;Georgia&lt;/option&gt;
          &lt;option&gt;Helevtica&lt;/option&gt;
      &lt;/select&gt;
      &lt;input type="color" id="colorChoice"&gt;
      &lt;button id="changeColor" class="btn-primary pull-right"&gt;Change&lt;/button&gt;
  &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>