如何读取input中输入的值，并通过button将其填入无序列表ul中

利用js，实现一个动态列表。主要功能为：一个input输入框，一个button，下面是一个ul无序列
表（起初没有内容）。按一次button，可以将输入框里的内容填入无序列表的第一行，同时input内容清
空。如果input输入框内容为空字符串，则无操作。再按一次button，可以将输入框填入第二行，依次类
推。可以尝试增加对应行的删除按钮等。

要用到jQuery

<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<input type="text" id="input-box">
<button onclick="handle()"></button>
<script>
function handle(){
    var content = document.getElementById('input-box').value;
    if(content != ""){
        $("ul").append("<li>"+content"</li>");
    }
   document.getElementById('input-box').value = ""
}
<script>