title: Uncaught TypeError: Object [object Object] has no method 'colorpicker'
body: <p>Yesterday I was using the bootstrap color picker: <a href="http://www.eyecon.ro/bootstrap-colorpicker/" rel="nofollow">http://www.eyecon.ro/bootstrap-colorpicker/</a></p>
  
  <p>The simple HTML code is:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="vendor/colorpicker/css/colorpicker.css"&gt;
  
      &lt;div class="colorpicker" id="yellow"&gt;
          &lt;a href=""&gt;&lt;/a&gt;
      &lt;/div&gt;
  
  &lt;script src="vendor/colorpicker/js/colorpicker.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The js is:</p>
  
  <pre><code>$ ('. colorpicker'). colorpicker ()
  </code></pre>
  
  <p>Unfortunately I do not have any effect because the console in google chrome gives me this error:</p>
  
  <pre><code> Uncaught TypeError: Object [object Object] has no method 'colorpicker'
  </code></pre>
  
  <p>I do not understand what is causing this error. </p>