JQuery - Attach (duplicate, clone) li and put it above a li

Is it possible to clone a specific < li> and put it above an other specific < li>?

Any clue would help me..?

HTML

<div id="main">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</div>

Pseudo Javascript (JQuery)

$('#main ul li:eq(3)').duplicateAndPutAbove('#main ul li:eq(2)');

HTML Result

<div id="main">
<ul>
<li>Item 1</li>
<li>Item 3</li> <!-- Item 3 was duplicated (or cloned) and then putted ABOVE Item 2 -->
<li>Item 2</li>
<li>Item 3</li>
<开发者_Go百科li>Item 4</li>
</ul>
</div>

---

You were really close, you wanted clone and insertBefore (and remember that eq is zero-based):

$('#main ul li:eq(2)').clone().insertBefore('#main ul li:eq(1)');

Live example

---

$('#main ul li:eq(3)').clone().insertBefore('#main ul li:eq(2)');

Demo: http://jsfiddle.net/karim79/8LpuN/

---

  var elem = $('li').contains('3').clone();  // make a copy
  $('li').contains('Item 3').before(elem);   // insert before the cloned element

---

$('#main ul li:eq(3)').clone().insertBefore('#main ul li:eq(2)');