title: Get color from jscolor
body: <p>I am using jscolor.js from <a href="http://jscolor.com" rel="nofollow">http://jscolor.com</a></p>
  
  <p>The function below is what I used before to add the users input to a code generator. They typed in the hex colour of their choice and it would get added to the code generator.</p>
  
  <pre><code>function changeOutlineColour(){
     var jj_input4 = document.getElementById('jj_input4').value;
     document.getElementById('outlinecolour').innerHTML = jj_input4;
     document.getElementById('jj_preview2').style.outlineColor = '#' + jj_input4;
  }
  </code></pre>
  
  <p>This is where the code gets added to, inbetween the <code>span</code> tags</p>
  
  <pre><code>&lt;div class="jj_yourcode"&gt;
      &lt;p&gt;#&lt;span id="outlinecolour"&gt;&lt;/span&gt;;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now that I am using jscolor, the hex code doesnt get added the the generator so my question is, what changes do I have to make to the function so that is does? </p>