如何用javascript移动标签元素

<body>
<ul id="apple">
  <li id="apple1"><a href="#">a</a></li>
  <li id="apple2"><a href="#">a</a>{插入的地方}</li>
  <li id="apple3"><a href="#">a</a></li>
</ul><ul id="banana">
  <li><a href="#">a</a></li>
  <li><a href="#">a</a></li>
  <li><a href="#">a</a></li>
</ul>
</body>如果用js将整个#banana部分放到“插入的地方”？