twitter-bootstrap - Bootstrap ColorPicker の色を外部リンクから設定する

Question

http://www.eyecon.ro/bootstrap-colorpicker/のブートストラップ カラー ピッカーを使用しています。

HTML コード:

<div class="well">
    <div class="input-append color" data-color="rgb(255, 146, 180)" id="cp3">
        <input type="text" class="span2" id="colorinput" value="" >
        <span class="add-on"><i style="background-color: rgb(255, 146, 180)"></i></span>
    </div>
</div>

<a href="#" id="external-link">Set Color</a>

外部リンクの JavaScript コード:

$('#external-link').click(function(){
    //value = 'rgb(255, 255, 255)';
    value = '#ffffff';
    $('#colorinput').val(value);
    $('#colorinput').next().children().css('background-color',value);
    $('#cp3').colorpicker('setValue', value);
    $('#cp3').colorpicker('show');
    return false;
});

ここでサンプルコードを参照してください: http://jsfiddle.net/bimaljr/xtSrq/14/

外部リンクからカラーピッカーの色を設定したい。「色の設定」リンクをクリックすると、入力ボックスの値とボックスの色が変更されます。しかし、その後、カラー ボックスをクリックして colorPicker を開くと、古い色が表示されます。「値」文字列にある色で設定したい。

現在、「未定義のメソッド 'toLowerCase' を呼び出せません」というエラーが発生しています。「値」文字列は setColor() または .colorpicker('setValue', value) 関数を介して渡されないと思います。