Multiply jQuery Farbstatic
<p>I have such html</p>

<pre><code>&lt;input type="text" name="main_options[link_color]" id="link-color" value="&lt;?php echo esc_attr( $options['link_color'] ); ?&gt;" /&gt;
&lt;a href="#" class="pickcolor hide-if-no-js" id="link-color-example"&gt;&lt;/a&gt;
&lt;input type="button" class="pickcolor button hide-if-no-js" value="Select a Color" /&gt;
&lt;div class="colorPickerDiv" style="z-index: 100; background:#eee; border:1px    solid #ccc; position:absolute; display:none;"&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span&gt;Default color: '&lt;span id="default-link-color"&gt;' . $defaults['link_color'] . '&lt;/span&gt;' ); ?&gt;&lt;/span&gt;

&lt;input type="text" name="main_options[link_color_hover_active]" id="link-color-hover-    active" value="&lt;?php echo esc_attr( $options['link_color_hover_active'] ); ?&gt;" /&gt;
&lt;a href="#" class="pickcolor hide-if-no-js" id="link-color-hover-active-example"&gt;&lt;/a&gt;
&lt;input type="button" class="pickcolor button hide-if-no-js" value="Select a Color" /&gt;
&lt;div class="colorPickerDiv" style="z-index: 100; background:#eee; border:1px solid #ccc; position:absolute; display:none;"&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span&gt;Default color: '&lt;span id="default-link-color-hover-active"&gt;' . $defaults['link_color_hover_active'] . '&lt;/span&gt;' ); ?&gt;&lt;/span&gt;
</code></pre>

<p>And such JavaScript code</p>

<pre><code>var farbtastic;

(function($){
    var pickColor = function(a) {
        farbtastic.setColor(a);
        $('#link-color').val(a);
        $('#link-color-example').css('background-color', a);
    };

    $(document).ready( function() {
        $('#default-link-color').wrapInner('&lt;a href="#" /&gt;');

        farbtastic = $.farbtastic('#colorPickerDiv', pickColor);

        pickColor( $('#link-color').val() );

        $('.pickcolor').click( function(e) {
            $('#colorPickerDiv').show();
            e.preventDefault();
        });

        $('#link-color').keyup( function() {
            var a = $('#link-color').val(),
                b = a;

            a = a.replace(/[^a-fA-F0-9]/, '');
            if ( '#' + a !== b )
                $('#link-color').val(a);
            if ( a.length === 3 || a.length === 6 )
                pickColor( '#' + a );
        });

        $(document).mousedown( function() {
            $('#colorPickerDiv').hide();
        });

        $('#default-link-color a').click( function(e) {
            pickColor( '#' + this.innerHTML.replace(/[^a-fA-F0-9]/, '') );
            e.preventDefault();
        });

    });
})(jQuery);
</code></pre>

<p>JavaScript works fine for first field. I have difficulties how to make work jQuery <code>farbstatic</code> and for the second field. What I should add to JavaScript code? Could anyone help please?</p>
