title: How to move a list item to a specified index(position) in an unordered list using Javascript
body: <p>Lets say I've a following unordered list, How can I move "Three" to any index(position) in the list? 
  The approach should be dynamic. Replacing the text content of an element is not an option. Because each list item will be containing other elements as well.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;one&lt;/li&gt;
    &lt;li&gt;two&lt;/li&gt;
    &lt;li&gt;three&lt;/li&gt;
    &lt;li&gt;four&lt;/li&gt;
    &lt;li&gt;five&lt;/li&gt;
    &lt;li&gt;six&lt;/li&gt;
    .
    .
    .
    &lt;li&gt;Hundred&lt;/li&gt;  /* Nth List Element */
  &lt;/ul&gt;
  </code></pre>
  
  <p>Tried solutions from already answered similar questions. But didn't get the desired result.</p>
  
  <p>I've already tried this </p>
  
  <ol>
  <li>Fetching the list in an Array through jQuery</li>
  <li>Used array.each to traverse the array</li>
  <li>Then used prepend to move the particular li to the top of the list</li>
  </ol>
  
  <p>But through this approach I can only move the li element to the top of list. Not at any desired position.</p>