title: InnerHTML property not working
body: <p>I am using below code to dynamically add a chunk of html to a div using innerHTML property. Here is my html code:</p>
  
  <pre><code> &lt;body&gt;
     &lt;form&gt;    
       &lt;div id="date_in"&gt;&lt;input type="date" name="arrival"/&gt;&lt;/div&gt;
       &lt;div id="dat_out"&gt;&lt;input type="date" name="departure"/&gt;&lt;/div&gt;
       &lt;div id="submit"&gt;&lt;input type="submit" value="Submit"/&gt;&lt;/div&gt;
     &lt;/form&gt;
   &lt;/body&gt;
  </code></pre>
  
  <p>After the closing body tag I am adding the following JavaScript,</p>
  
  <pre><code>&lt;script type"text/javascript"&gt;
    var inDate= document.getElementById("date_in");   
    var inCal= document.createElement("div");
    inCal.id="inCal";
    inDate.appendChild(inCal); 
    document.getElementById("inCal").innerHTML= '&lt;div id="calHeading"&gt;
                     &lt;span id="left"&gt;Left&lt;/span&gt;
                     &lt;spanid="yearMonth"&gt;curMonth curYear&lt;/span&gt;
                     &lt;span id="right"&gt;Right&lt;/span&gt;
                   &lt;/div&gt;
                   &lt;div id="weeKDays"&gt;
                     &lt;span&gt;S&lt;/span&gt;
                     &lt;span&gt;M&lt;/span&gt;
                     &lt;span&gt;T&lt;/span&gt;
                     &lt;span&gt;W&lt;/span&gt;
                     &lt;span&gt;TH&lt;/span&gt;
                     &lt;span&gt;F&lt;/span&gt;
                     &lt;span&gt;SA&lt;/span&gt;
                   &lt;/div&gt;';
    &lt;/script&gt;
  </code></pre>
  
  <p>I the above code, innerhtml mark-up is not being added, I can see that in view source. What could be wrong with this piece of code?</p>