Select usando slider

Boa noite iMasters!

Estou com um problema, não sei como fazer uma coisa já que não sou muito experiente em jQuery...

jQuery

$(function(){
 var s1 = $('#clarityfrom');

 var slider = $('#slider').slider({
 min: 1,
 max: 5,
 values: [s1[0].selectedIndex + 1],
 slide: function (e, ui) {
 var r1 = $('#clarityfrom option').eq(ui.values[0]-1).text();
 s1.val(ui.values[0]);
 $('#clarRange').html('<a href="?bplan='+r2+'" class="btn btn-primary">'+r1+'</a>');
 }
 });
});

HTML

<div id="clarRange">Selecione um Plano</div><br />
<select name="clarityfrom" id="clarityfrom">
 <option value="1">20.000 Moedas + 10.000 Píxels - 300 Rubis</option>
 <option value="2">40.000 Moedas + 20.000 Píxels - 600 Rubis</option>
 <option value="3">60.000 Moedas + 30.000 Píxels - 900 Rubis</option>
 <option value="4">90.000 Moedas + 40.000 Píxels - 1200 Rubis</option>
 <option value="5">100.000 Moedas + 50.000 Píxels - 1500 Rubis</option>
</select>
<div id="slider"></div>

Na div #clarRange, como podem ver no script, eu quero colocar em "bplan" o valor que está no "value" da opção.

Como fazer isso? Obrigado.