clone all element and content inside div and display it into another div

Question

Get all elements inside a particular div and display the the same to other div. the content inside is dynamic . I want to clone all the elements inside ie

<div id="div_preview"> 
  <br>
  2 php Developer ?<br>
  <input type="checkbox" name="chk_0" value="a">
  a
  <input type="checkbox" name="chk_1" value="b">
  b
  <input type="checkbox" name="chk_2" value="c">
  c 
  </div>

from <div id="div_preview">  and display it to <div id='other_div'></div>

so that o/p

 <br>
      2 php Developer ?<br>
      <input type="checkbox" name="chk_0" value="a">
      a
      <input type="checkbox" name="chk_1" value="b">
      b
      <input type="checkbox" name="chk_2" value="c">
      c 

Answer 1

document.getElementById('other_div').innerHTML = document.getElementById('div_preview').innerHTML;

Answer 2

Displays in alert:

$(document).ready(function(){
        alert($('#div_preview').html());    

    });

Answer 3

$("button").click(function{
var result=$('#div_preview').html();
$("other_div").html(result);
});

Answer 4

You can use the contents for that - just clone the contents and then add the cloned elements to the new container.

Here is an example:

 $('#div_preview').contents().clone().appendTo('#div_container')

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="div_preview"> <br> <input type="checkbox" name="chk_0" value="a"> a <input type="checkbox" name="chk_1" value="b"> b <input type="checkbox" name="chk_2" value="c"> c </div> <br /> <div id="div_container"></div>