Installing Farbtastic on WordPress

Trying to install Farbtastic color-picker plugin in my WordPress site, but have no success with it.

It seems that I’m doing everything as tutorial is saying, but color wheel does not appear, only form with a default value.

Here’s the code I’m using:

Include farbtastic.js and farbtastic.css in your HTML tag:

<script type="text/javascript" src="farbtastic/farbtastic.js"></script>
<link rel="stylesheet" href="farbtastic/farbtastic.css" type="text/css"/>

Add a placeholder div and a text field to your HTML, and give each an ID:

<form><input type="text" id="color" name="color" value="#123456" /></form>
<div id="colorpicker"></div>

Include this in your HTML tag:

<script type="text/javascript">
   $(document).ready(function() {
     $('#colorpicker').farbtastic('#color');
   });
</script>

Please help someone, because I feel there’s stupid mistake somewhere, but I can’t find it.