i'm wanting to add a new <li> to an existing <ul>, but i want it to appear at the top of the list - not append to the bottom.

i'm assuming there's a semi easy way to do this?

Code:
var ul = document.getElementById('my-list');
var li = document.createElement('li');
ul.appendChild(li);
that's currently how appending works, i just want to add it at the top.