Moving two divs above a reference div to within it

Example for http://stackoverflow.com/a/16660855/57611

by ErikE

HTML

<div id="somecontainer">
    <div id="fb-root">Undesired div 1</div>
    <div id="refBox-wrap">Undesired div 2</div>
    <div id="echoSoc-wrap">Undesired div 3</div>
    <div id="dc45j29jf6ddfqwsl">First desired div</div>
    <div id="fgxox4ne83ewluahvcr">Second desired div</div>
    <div class="wrap_awm"></div>
</div>
<p>&nbsp;</p>
<form><input type="button" value="Move Them!" id="move"></form>

CSS

#somecontainer div {
 border:1px solid black;
 padding:5px;
 background-color:white;
}

#somecontainer .wrap_awm {
 background-color:#aaf;
}

JavaScript

$("#move").on('click', function() {
    var w = $(".wrap_awm");
    w
      .prev()
      .prev()
      .addBack()
      .appendTo(w);
    $("#move").remove();
});