Adding <li> With DOM

I have a <ul> list with about 4 items in it (<li> tags all properly closed with </li>)

The list looks something like this:

<ul>
<li><a href="test.php">test</a><a href="test2.php">test2</a></li>
<li><a href="test.php">test</a><a href="test2.php">test2</a></li>
<li><a href="test.php">test</a><a href="test2.php">test2</a></li>
<li><a href="test.php">test</a><a href="test2.php">test2</a></li>
</ul>

Now I want to add <li> items with DOM. I have to add 1 <li> tag and within that tag, I have to add 2 <a> tags...

I use something like this: Code: