add items to UL tag

HTML

<form id="submit_form" method="post" action="">
<input type="text" id="item_text" placeholder="item to add"> <button id="add_button" type="submit">add item</button><br>
</form>
<ul id="list">
</ul>

JavaScript

function add_item(event){
	event.preventDefault()
  
  if($('#item_text').val() == ''){
  	alert("insert an item to add (blank entries aren't allowed)")
    return;
  }
  $('#list').append(
    $('<li>').text($('#item_text').val())
  )
  $('#item_text').val('')
}

$('#submit_form').on('submit', add_item)