title: Move last child to first position
body: <p>My HTML:</p>
  
  <pre><code>  &lt;div id="my-slider"&gt;
      &lt;img src="/slider/pic/bf3.jpg" alt="picture"&gt;
      &lt;img src="/slider/pic/bf3_cq.jpg" alt="picture"&gt;
      &lt;!-- etc --&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>On specific event I want to move last img tag to first position (according to parent)</p>
  
  <p>I try:</p>
  
  <pre><code>    curr.css('left', 0);
      curr.prepend(curr.parent()); 
  </code></pre>
  
  <p>I can change css, but second line raising error:</p>
  
  <blockquote>
    <p>HierarchyRequestError: Node cannot be inserted at the specified point
    in the hierarchy</p>
  </blockquote>
  
  <p>Could someone give me any advice?</p>