请问如何使用jquery cookie保存输入框中的值，并在页面右侧的div中显示出来？


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
</head>
<body>
<input type="text" name="" id="text"/> <input id="btn" type="submit" value="set-cookie"/>
<div id="div"></div>
<script type="text/javascript">
    $('#btn').click(function(){
        var v = $('#text').val();
        document.cookie = 'value=' + v + ';expires=' + (1 * 3600 * 1000); //  一天后失效
        getVal();
    });    function getVal(){
        $('#div').html(document.cookie.split(';')[0].split('=')[1]);
    }
    getVal();
</script>
</body>
</html>