保存到localstorage onclick不起作用

Question

尝试将变量从文本字段保存到按钮的本地存储onclick，但似乎无法找到出路。当我点击按钮然后我去检查chrome中的localstorage部分我什么都没找到

$('.save').on('click', function(event) {
        $username= $('#username')
        localStorage.setItem('username', $('#username').val());

            });

HTML

<input type="text" name="username" id="username">
<input type="submit" name="button" id="button" value="Submit" class="save">