How to add h1..h6 tags dynamically within the div - jquery
<p>My div structure should be</p>

<pre><code>&lt;div id="dashboard"&gt;
&lt;img id="pic1" src ="...png" /&gt;
&lt;h6&gt;....&lt;/h6&gt;   &lt;/div&gt;
</code></pre>

<p>To create div i use </p>

<pre><code>$('&lt;div&gt;', {

    'id':'dashboard'

}).appendTo('body');
</code></pre>

<p>I need to append h6 tag with text into above div how can this be done ?</p>

<p>Also how can i access the text within the h6 tag when the div is clicked .. ?</p>

<pre><code>$('#dashboard div').hover(function() {
    alert($(this).children().eq(2)  ??  );
};
</code></pre>
