How to change li position using Jquery
<pre><code>&lt;ul&gt;
&lt;li id="1"&gt;
&lt;li id="2"&gt;
&lt;li id="3"&gt;
&lt;li id="4"&gt;
&lt;li id="5"&gt;
&lt;li id="6"&gt;
&lt;li id="7"&gt;
&lt;/ul&gt;
</code></pre>

<p>i want to make a function that foreach time the function is called the first li at the top will be the last one so the first example will look like this </p>

<pre><code>&lt;ul&gt;
&lt;li id="2"&gt;
&lt;li id="3"&gt;
&lt;li id="4"&gt;
&lt;li id="5"&gt;
&lt;li id="6"&gt;
&lt;li id="7"&gt;
&lt;li id="1"&gt;
&lt;/ul&gt;
</code></pre>

<p>Thanks </p>
