title: jQuery noUiSlider and money number format
body: <p>If you have a look at the following jsFiddle, <a href="http://jsfiddle.net/9ZSej/3/" rel="nofollow">http://jsfiddle.net/9ZSej/3/</a>, you will see that I have a range slider using <a href="http://refreshless.com/nouislider/" rel="nofollow">noUiSlider</a>, which all works great.</p>
  
  <p>The only problem I have is formatting the number in the green box to a money/currency format. I have tried a couple of jQuery plugins but nothing seems to work.</p>
  
  <p>How would I format the green box number to a money/currency format please? </p>
  
  <p><a href="http://jsfiddle.net/9ZSej/3/" rel="nofollow">http://jsfiddle.net/9ZSej/3/</a></p>
  
  <p>jQuery code:</p>
  
  <pre><code>    $(".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('&lt;span class="infoBox"&gt;&amp;pound;500,000&lt;/span&gt;'); 
  </code></pre>