ul li 点击变化并记录其值

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<ul>
<li value="1">点击</li>
<li value="2">点击</li>
<li value="3">点击</li>
<li value="4">点击</li>
<li value="5">点击</li>
</ul>
<h1 class="Result" id="result">0</h1>
<style>
.add{
background-color:green;
}
</style>
<script>
var kk;
$("ul").on("click","li",function(){
$("ul li").removeClass("add");
$(this).addClass("add");
kk=this.value;
document.getElementById('result').innerText = kk;
});
</script>