jQuery Rotate

Typ uw tekst en sleep deze in het plaatje.<br>
Regel 1: <input type="text" name="Regel1" id="Regel_1" onkeypress="insertText1(this)" onkeyup="insertText1(this)" onkeydown="insertText1(this)"> 
Lettergrootte: <select name="Lettergrootte1" onchange="document.getElementById('Regel1').style.fontSize =  this.value" >
<option value="16" SELECTED>16</option>
<option value="18">18</option>
<option value="20">20</option>>
<option value="24">24</option>
<option value="28">28</option>
<option value="32">32</option>
<option value="36">36</option>
<option value="40">40</option>
</select> 
Draaien: 
<input type="range" id="Range1" name="Draaien1" min="0" max="360" value="0" step="5" oninput="rangevalue.value=value" onchange="rangevalue.value=value">
<output id="rangevalue">0</output>
<div id="Regel1" class="Balloon"></div><br>
<script>
$( "#Range1" ).change(function() {
var range = $('#Range1');
$("#Regel1").rotate(range);
});
</script>

$( "#Range1" ).change(function() {
var range = $('#Range1');
$("#Regel1").rotate(45);
});