Adding an extra list item at the end

Adding an extra list item at the end

So let's say I have a list

  1. <ul>
  2.       <li>Item 1</li>
  3.       <li>Item 2</li>
  4.       <li>Item 3</li>
  5. </ul>
So, when the page is finished loading, I want jQuery to add an extra list item at the end with a classname:


  1. <ul>
  2.       <li>Item 1</li>
  3.       <li>Item 2</li>
  4.       <li>Item 3</li>
  5.       <li class="classname">Item 3</li>
  6. </ul>

How cand I do it ? :D