Embedding Elements within Each Other

var dialog = this,
data = {},
heading = editor.document.createElement( 'div' ),
heading_link = editor.document.createElement( 'a' );
this.commitContent( data );
               
heading_link.setAttribute( 'href', '#' );
heading_link.setAttribute( 'onclick', "_gaq.push(['_trackEvent', 'expand', '', 'frompage:' + location.pathname]);");
heading_link.setHtml(data.header);
               
heading.setAttribute('class', 'silverheader');
heading.setAttribute('id', 'silverheader');               
heading.setHtml(heading_link);

editor.insertElement(heading);

What I'm trying to do is have the link embedded within the div,

<div class="silverheader" id="silverheader"><a href="#" onclick="_gaq.push(['_trackEvent', 'expand', '', 'frompage:' + location.pathname]);">test</a></div>

but right now its just showing an object.

<div class="silverheader" id="silverheader">[object Object]</div>.

Is there a conventional way to embed elements within each other?
Also I noticed that when I insert the link by itself, it is automatically wrapped by <p></p>. Is there anyway to turn that off?