rangeの値に合わせてarcで図形を生成したい

<input type="range" name="range" id="range" data-input="input" value="0" max="70">

 <canvas id="rangearea" width="80" height="80"></canvas>

上のrangeの数値に合わせて、下のrangeareaの図形の半径を取得したいです。

$("#range").on("input", function(){
    lineWidth = $(this).val();
});   

rangeは、lineWidthの値を決めていますが、

var can = $("#rangearea")[0];
var ctx = can.getContext("2d");
    ctx.beginPath();
    ctx.fillStyle = "#00FFCC"
    ctx.arc(40,40,35, Math.PI*2,false);
    ctx.fill();

rangeareaの方は、半径が35とベタ書きになっています。
ここを、rangeの値と同様にするためにはどう記述したら良いでしょうか？