Не могу понять как добавить "Задания" к списку при нажатии на кнопку добавить
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript</title>
<link rel="stylesheet" href="css/style.css">
</head>
<h1>Список дел</h1>
<form class="" action="index.html" method="post">
<input type="text" name="list-items" placeholder="задание">
</form>
<br>
<button id="add" >Добавить</button>
<button id="show">Отобразить</button>
<div id="block">
Эллемент был добавлен
</div>
<ol></ol>
$("#block").toggle();
$('#add').click(function() {
$('#block').toggle();
$('#block').hide(3000);
});
$('#show').click(function() {
var toAdd = $('input[name=list-items]').val();
if(toAdd == "")
return false;
$('ol').append('<li>' + toAdd + '</li>');
$('input[name=list-items]').val("");
});