Как сделать так чтобы при создании нового элемента в него переносиля фокус?
https://jsfiddle.net/brachkoff/zfh8wmzr/3/
HTML:
<ul id="list">
<li class="task"><input type="checkbox" class="task__checkbox"><span contenteditable="true" class="task__text">Текст задания</span></li>
<li class="task"><input type="checkbox" class="task__checkbox"><span contenteditable="true" class="task__text">Еще текста</span></li>
<li class="task"><input type="checkbox" class="task__checkbox"><span contenteditable="true" class="task__text">Какой-то текст</span></li>
</ul>
<div id="interface">
<button id="add">Add Task</button>
</div>
JS:
$('#add').click(function() {
$('#list').append('<li class="task"><input type="checkbox" class="task__checkbox"><span contenteditable="true" class="task__text"></span></li>')
})