Moving up list items with jquery

Question

I want to move up single items of a list by clicking. I'm using jQuery but it does not work.

js fiddle

<ul>
    <li class="item">AAAAA</li>
    <li class="item">BBBBB</li>
    <li class="item">CCCCC</li>
    <li class="item">DDDDD</li>
</ul>

$(".item").click( function(){
    var item = $(this);
    item.insertBefore(item.before());
}); 

Answer 1

Try:

$(".item").click(function () {
    $(this).insertBefore($(this).prev());
});

jsFiddle example

Answer 2

jsFiddle DEMO

Use prev() instead of before()

item.insertBefore(item.prev());