Вставка элементов перед элементами на JavaScript

Дан элемент #elem:

<ul id="parent">
	<li>text</li>
	<li>text</li>
	<li id="elem">text</li>
	<li>text</li>
	<li>text</li>
</ul>

Вставьте перед этим элементом элемент с текстом 'new'.

Модифицируйте предыдущую задачу так, чтобы клик на вставленный элемент приводил к тому, что в конец его текста будет добавляться '!'.