hide items after 3 add show more

HTML

<ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
    </ul>

JavaScript

$('ul')
     .find('li:gt(2)')
     .hide()
     .end()
     .append(
     $('<br /><a href="http://www.google.com">Show More...</a>').click( function(){
      $(this).siblings(':hidden').show();
     })
    );