jquery - 配列からランダムな値を取得して.cssをjqueryで編集する

Question

ボタンをクリックするたびに境界線の色を配列からランダムな色に変更しようとしていますが、境界線の色に対して配列からランダムな色を1回だけ選択し、各ボタンのランダムな色に変更しませんクリック。

$(document).ready(function () {
    'use strict';
    var nextBtnClicks = 0,
        previousBtnClicks = 0,
        colors = ['#ff0000', '#00ff00', '#0000ff'],
        random_color = colors[Math.floor(Math.random() * colors.length)];
    $('#NxtBtn').click(function () {
        if (nextBtnClicks < 8) {
            $('#image').animate({left: '-=640px'}, 500, function () {
                $('#pic_box').css('border-color', random_color);
            });
            nextBtnClicks += 1;
        } else {
            $('#image').animate({left: '0px'}, 500);
            nextBtnClicks = 0;
        }
    });
});