jQuery crear el elemento de la lista a partir de la entrada del usuario al hacer clic

Question

Hola, necesito ayuda. Por favor vea mi código abajo. Gracias de antemano por cualquier ayuda.

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

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

<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> 

Answer 1

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

debe hacerlo.

demostración: http://www.jsfiddle.net/G8pbG/

Answer 2

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

demostración: http://jsfiddle.net/netdreamer/uvuUe/