jquery - jQuery noUiSlider とマネーナンバーフォーマット

Question

次の jsFiddle ( http://jsfiddle.net/9ZSej/3/ ) を見ると、 noUiSliderを使用したレンジ スライダーがあることがわかります。これはすべてうまく機能します。

私が抱えている唯一の問題は、緑色のボックス内の数値を金額/通貨形式にフォーマットすることです。いくつかの jQuery プラグインを試しましたが、何も機能しないようです。

緑色のボックス番号を金額/通貨形式にするにはどうすればよいですか?

http://jsfiddle.net/9ZSej/3/

jQuery コード:

    $(".noUiSlider").noUiSlider({ 
        range: [0,5000000],
        start: 500000,
        handles: 1,
        connect: "lower",
        step: 10000,
        serialization: {
            to: ["how-much", $("input")],
            resolution: 1
        }
        ,slide: function(){
            var values = $(this).val();
            $("span.infoBox").text(
            '£' + values
            );
        }
    });                                             
    $('.noUiSlider div').append('<span class="infoBox">&pound;500,000</span>');