Whats wrong with the jquery?
<form>
<input type="text" id="inputs" >
<button id="mybutton">Write here</button>
<div id="list"><ul>
<li>
</li></ul></div>
</form>
$(document).ready(function(){
$('#mybutton').click(function(){
var mytext= $('#inputs').value();
$('#list').append('<li>'+ mytext + '</li>');
});
})
</script>