Przenieś ostatnie dziecko na pierwszą pozycję

Mój HTML:

  <div id="my-slider">
    <img src="/slider/pic/bf3.jpg" alt="picture">
    <img src="/slider/pic/bf3_cq.jpg" alt="picture">
    <!-- etc -->
  </div>

Na konkretnym wydarzeniu chcę przenieść ostatni tag img na pierwszą pozycję (według rodzica)

Próbuję:

    curr.css('left', 0);
    curr.prepend(curr.parent()); 

Mogę zmienić css, ale błąd podnoszenia drugiej linii:

HierarchyRequestError: Nie można wstawić węzła w określonym punkcie w hierarchii

Czy ktoś mógłby mi doradzić?

questionAnswers(3)

yourAnswerToTheQuestion