title: how get Selected <li> and put it in the top list
body: <p>I created a multi-language page using unordered list.</p>
  
  <p>I want when the visitor select his language, it becomes the first <code>li</code> in list.</p>
  
  <pre><code>&lt;div id="lang"&gt;
      &lt;ul id="ul"&gt;
          &lt;li class="top" id="ar"&gt;
              &lt;a href="index.php?lang=ar"&gt;&lt;img src="images/languages/eg.png"/&gt;Arabic&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="en"&gt;
              &lt;a href="index.php?lang=en"&gt;&lt;img src="images/languages/us.png"/&gt;English&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="fr"&gt;
              &lt;a href="index.php?lang=fr"&gt;&lt;img src="images/languages/fr.png"/&gt;French&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="de"&gt;
              &lt;a href="index.php?lang=ge"&gt;&lt;img src="images/languages/de.png"/&gt;Germany&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="tu"&gt;
              &lt;a href="index.php?lang=tu"&gt;&lt;img src="images/languages/tr.png"/&gt;Turkey&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="cn"&gt;
              &lt;a href="index.php?lang=tu"&gt;&lt;img src="images/languages/cn.png"/&gt;China&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>