Move last child to first position
<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>
