jQuery clone variable content into a div : I have a button which on click will append the content before an element. But instead I need to append the content to the **closest parent** div of the button. (.content div)

[JS Fiddle][1]

    $('#layoutTextArea').click(function(){
             var toAppend=$('#appendTextArea').children();
             toAppend.clone().insertBefore('#layoutCanvas');
    });

HTML

    <div id="layoutCanvas">
      <div class="content">
          <p>
          On click of the button append within "content" div
          </p>
          <button id="layoutTextArea" class="btn btn-primary">Click Here</button>
      </div>
    </div>

    <div class="d-none" id="appendTextArea">
       <h1>
       Test Block
       </h1>
    </div>


  [1]: http://jsfiddle.net/680u7p2m/