JSでクリックして挿入された要素に対し、さらにクリックイベントを定義したい

var button = document.getElementById('button'),
    list = document.getElementById('list');

button.addEventListener('click', function() {
  list.insertAdjacentHTML('beforeend', '<li>リスト</li>');
});

// #list > li をクリックしたらそのliの背景色をたとえば赤色にしたい

<button id="button">リストを追加</button>
<ul id="list"></ul>

このようにボタンをクリックするとリストが追加されていきます。その追加されたリストがクリックされたらそのリスト(li)の背景色を赤色にしたい場合、どのように記述すればよいでしょうか？