title: get value of input text on change
body: <p>I have this code with jquery colorpicker, onchange input #color show the input value in hex;
  How could I do to get the color value on change?</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="red"&gt;&lt;/div&gt;
  &lt;div id="green"&gt;&lt;/div&gt;
  &lt;div id="blue"&gt;&lt;/div&gt;
  &lt;div id="swatch" class="ui-widget-content ui-corner-all"&gt;&lt;/div&gt;
  &lt;input type="text" id="color"&gt;
  </code></pre>
  
  <p>script : refreshSwatch is a function witch get the slider color value, it works;</p>
  
  <pre><code> function refreshSwatch(evt, ui) {
      var red = $("#red").slider("value"),
              green = $("#green").slider("option", "value"),
              blue = $("#blue").slider("value"),
              hex = hexFromRGB(red, green, blue);
      $("#swatch").css("background-color", "#" + hex);
      $("#color").val("#" + hex);
  }
  </code></pre>
  
  <p>I want to get the color input value on change and then change the background color, but it doesn't work:</p>
  
  <pre><code> $(document).ready(function () {
      $("#color").change(function(){
          $("body").css("background-color", $("#color").val());
      });
  })
  </code></pre>
  
  <p><a href="http://jsbin.com/alefok/18/edit" rel="nofollow">http://jsbin.com/alefok/18/edit</a></p>