无法调用未定义的方法'farbtastic'

Question

我试图在插件中加入farbtastic colorpicker。但是，看起来无法调用id，我收到以下错误：

  

无法调用方法＆＃39; farbtastic＆＃39;未定义的

我的代码：

wp_register_script( 'gap_farbtastic', gap_url . 'admin/js/farbtastic.js');
        wp_enqueue_script('gap_farbtastic');

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

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

包含js文件，但无法调用该方法。怎么了？