title: Dynamically change text color with jquery and spectrum.js
body: <p>I have a <code>&lt;span&gt;</code> tag, <code>&lt;span class="output render" id="text1"&gt;&lt;/span&gt;</code>, that I would like to be dynamically controlled by spectrum.js to change the color. </p>
  
  <p>The span is rendered from this jquery:</p>
  
  <pre><code>$("#text_submit").submit(
      function(event) {
          $("#text1").html($("#1").val());
      }
  );
  </code></pre>
  
  <p>To get the color picker to affect the span I tried:</p>
  
  <pre><code>$(".output render").spectrum({
      color: "#f00"
  });
  </code></pre>
  
  <p>The above creates only an HTML text input box where the color picker used to be (how I got the color picker to appear is below). But it has no effect on the <code>&lt;span&gt;</code>. What can I do with jQuery to make this happen?</p>
  
  <p>I used the code below to make the color picker appear: </p>
  
  <pre><code>$("#picker1").spectrum({
      color: "#f00"
  });
  </code></pre>
  
  <p>which made the color picker appear where this HTML tag is <code>&lt;input type='input' id="picker1" /&gt;</code></p>