title: Set gradient backgroundcolor from colorpicker with jquery?
body: <p>I want to beable to select 2 colors and display a div with a gradient background!</p>
  
  <p>I have 2 colorpickers done with "jscolor.com" where I can select colors and the color I choose gets displayed in an input field.</p>
  
  <pre><code>Top color&lt;br /&gt;
  &lt;input type="text" name="color1" class="colors" size="7" value="#444444"/&gt;
  &lt;br&gt;&lt;br&gt;
  Bottom color&lt;br /&gt;
  &lt;input type="text" name="color2" class="colors" size="7" value="#17181a"/&gt;
  </code></pre>
  
  <p>and then the div where I would like to display a gradient background.</p>
  
  <pre><code>&lt;div id="gradient"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How can I set the background color based on the input fields?
  And suggestions appriciated, thanks.</p>