what is the best way to write a for in loop to the page
<pre><code>var family = {
    dad: 'Father',
    mom: 'Mother',
    son: 'Boy',
    daughter: 'Girl'
}

for ( var person in family ) {
    console.log('&lt;li&gt;' + 'the ' + person + ' is a ' + family[person] + '&lt;/li&gt;')
}
</code></pre>

<p>I want to know what the best way to insert this into the DOM instead of logging it to the console. I want to use just JavaScript</p>
