Выводить данные с input списком

$('#submit').on('click', function () { 
 
  $textInput = $('#id'), 
  $block = $('#wrapper'); 
   
  if (!$textInput.val()) { 
    alert('empty input'); 
    return false; 
  } 
   
  // ajax goes here 
  // and then in ajax success 
  $block.append('<li>' + $textInput.val() + '</li>'); 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 
<input type="text" name="name" id="id" /> 
<input type="button" id="submit" value="send" /> 
 
<ul id="wrapper"></ul>

const input = document.querySelector("input[type='text']"); 
const button = document.querySelector("button[type='submit']"); 
const list = document.querySelector("ul.list"); 
 
button.addEventListener("click", () => { 
 
  // 
  // Send data... 
  // 
 
  let listElement = document.createElement("li"); 
  listElement.textContent = input.value; 
  list.appendChild(listElement); 
});

<input type="text"> 
<button type="submit">Send</button> 
<ul class="list"></ul>