Как перенести iframe в другой элемент?

function move1() { 
  $("#test").prependTo(".content1"); 
} 
 
function move2() { 
  $("#test").prependTo(".content2"); 
} 
 
move1();

.content { 
  border: 1px solid black; 
  width: 200px; 
  height: 50px; 
} 
 
.content1 { 
  background-color: lightblue; 
} 
 
.content2 { 
  background-color: lightgreen; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="content content1"></div> 
<div class="content content2"></div> 
<button onclick="move1()">Click 1</button> 
<button onclick="move2()">Click 2</button> 
<br> 
<iframe id="test" style="width:130px;height:30px;" src="about:blank"></iframe>