title: How to call on 'changeColor' method of bootstrap colorpicker?
body: <p>I used bootstrap colorpicker by adding bootstrap-colorpicker.css and js as given below :- </p>
  
  <pre><code>&lt;div class="demo-auto"&gt;
  &lt;input type="text" value="#ea0437"class="form-control" hidded='hidden' id="irColorCode"/&gt;
  &lt;span class="input-group-addon"&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I made the text box hidded by giving it a id. 
  Now my requirement is to fire a method everytime the color is changed by the user. The text box is hidded so I can't use onchange method for the same.</p>
  
  <p>I am using .watch method but it gives oldValue as "undefined".</p>
  
  <pre><code>document.getElementById('irColorCode').watch('value',
          function(id, oldval, newval) {
              console.log(id+ " " + oldval +" " + newval);
          });
  </code></pre>
  
  <p>Is there any other way to do this or resolve this ?
  There is a method available to do action on color change :-</p>
  
  <pre><code>$('.my-colorpicker').colorpicker().on('changeColor.colorpicker', function(event){
    bodyStyle.backgroundColor = event.color.toHex();
  });
  </code></pre>
  
  <p>But I am not using this constructor anywhere. Kindly suggest how to use this?</p>