Как изменить положение Li с помощью Jquery

Question

я хочу сделать функцию, которая Еогеасп раз, когда функция называется первой Li в верхней части будет последним, так и в первом примере будет выглядеть следующим образом

<ul> 
<li id="2"> 
<li id="3"> 
<li id="4"> 
<li id="5"> 
<li id="6"> 
<li id="7"> 
<li id="1"> 
</ul> 

Благодаря

Answer 1

$('li:first').appendTo('ul'); 

работает пример (нажмите в любом месте): http://jsbin.com/izize3/1

Answer 2

Попробуйте это:

var firstChild = $("ul > li:first-child"); 
firstChild.appendTo(firstChild.parent("ul"));