title: How to move HTML element
body: <p>How to move HTML element to another element. Note that, I don't mean moving element's position. Consider this HTML code:</p>
  
  <pre><code>&lt;div id="target"&gt;&lt;/div&gt;
  &lt;span id="to_be_moved"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>I want to move "to_be_moved" to "target" so "target" has child "to_be_moved" now. So the result should be like this:</p>
  
  <pre><code>&lt;div id="target"&gt;&lt;span id="to_be_moved"&gt;&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I've searched in google (especially using prototype framework) but all I've got is moving position, not as I want. Thanks before.</p>