jquery ui slider example - font-size change

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>20140612-2.html</title>
<link rel="stylesheet" href="./js/jquery-ui-1.10.4/css/start/jquery-ui.css">
<script src="./js/jquery-ui-1.10.4/js/jquery-1.10.2.js"></script>
<script src="./js/jquery-ui-1.10.4/js/jquery-ui-1.10.4.js"></script>
<style>
    #slider {width:300px;margin-bottom:20px;}
    #content {font-size:11px;}
</style>
</head>
<body>
<div id="slider"></div>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus libero iste quibusdam ipsa laboriosam qui maiores voluptates numquam minima dolores rem officiis dolorem maxime. Illo quas sunt tempore accusantium animi!
</div>
<script>
    $("#slider").slider({
        max:100,
        slide: changeSlider,
  change: changeSlider,
        value:11
    });
    function changeSlider(){
        var v = $("#slider").slider("value");
        $("#content").css("font-size",v + "px");
    }
</script>
</body>
</html>