title: can't update a div inside another div element with innerHTML method?
body: <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Business Card&lt;/title&gt;
      &lt;script type="text/javascript"&gt;
          window.onload = init;
          function init(){
          var button = document.getElementById("populateFields");
          button.onclick = updateFields;
          }
          function updateFields(){
          document.getElementById("businessCard").innerHTML = "Business Card Info";
          document.getElementById("name").innerHTML = "Name";
          }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="businessCard"&gt;
  &lt;div id="name"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;input type="button" value="populate fields" id="populateFields"&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I can see div with id, 'businessCard' updated with "Business Card Info" but, I the div inside that with id 'name' is not getting updated.</p>