Javascript jQuery通过单击用户输入创建列表项

嗨，我需要一些帮助。请看下面我的代码。提前感谢您的帮助

$('#input_listName').keyup(function(){
var newList = $(this).val();

$('#btn_createList').click(function(){
    ('.ul_current').append().html(newList);
});
});

创建列表

项目
项目
项目

$（“#btn_createList”）。单击（函数（）{
$（'.ul_current'）。追加（$（'
'）{
文本：$（'#input_listName'）.val（）
}));
});

我应该这样做

演示：

$（“#btn_createList”）。单击（函数（）{
$（'.ul_current'）.append（'
'+$（'#input_listName'）.val（））；
});

演示：

<input type="text"  id="input_listName"/>
<br/>
<button type="submit" class="btn_sendMessage" id="btn_createList">Create List</button>

<ul class="ul_current">
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>

$('#btn_createList').click(function(){
    $('.ul_current').append($('<li>', {
         text: $('#input_listName').val()
    }));
});

$('#btn_createList').click(function() {    
    $('.ul_current').append('<li>' + $('#input_listName').val());
});