How to move elements without being child like jQuery append()?

Question

function moveAround(){
$('p').append($('#div'));
}

Above code will move "div" after "p" element as a child. I don't want like that. I just want "div" append after "p" but still same level with "p". What shall I do? Thanks in advance!

Answer 1

Have you read the docs? See .after() and .before().

Answer 2

Use after

function moveAround(){
  $('p').after($('#div'));
}