Move Div To After Parent Sibling

[phdphd]

Hi All,

I am trying to move a DIV with a specific class after one of its parent's sibling with a specific class too, but it does not work.

The HTML

 

    <div class="sibling">
    </div>
     <div class="hello">
          <div >
               Hello
           </div>
              
           <div class="world">
                world
           </div>
   </div>

The jQuery

$('div').each(function (){
    if($(this).hasClass("world")){
      $(this)(".world").insertAfter($(this).parent().siblings(".sibling"));
    
	}
    
  });

 

I would like that output

 

<div class="sibling">
</div>
<div class="world">
world
</div>
<div class="hello">
       <div >
            Hello
       </div>
</div>

Thanks!

 

 

 

[phdphd]

Actually, simply

$(this).insertAfter($(this).parent().siblings(".sibling"));

does the job.