title: datepicker doesn't display by using 'innerHTML'
body: <p><br/>
  I am using datepicker from "Modernizr 2.6.2" and it is so useful. <br/>
  It works so fine in this example code</p>
  
  <pre><code>  &lt;script&gt;
  $(function() {
      if (!Modernizr.inputtypes['date']) {
          $('input[type=date]').datepicker({
              dateFormat: 'yy-mm-dd'
          });
      }
  });
  &lt;/script&gt;
      ...
  &lt;input class="datepicker input-usmall" type="date" id="startDate" name="startDate" data-date-format="yyyy-mm-dd" placeholder="click" autocomplete="off" form="addProblem"&gt;
  </code></pre>
  
  <p>However, I met one problem.
      I found that it is not working in below example.</p>
  
  <pre><code>&lt;td ondblclick="modifySelector(this.id)" id="nof_{{ ownProblem.courseId }}_{{ ownProblem.problemId }}_{{ ownProblem.isAllInputCaseInOneFile }}"&gt;{{ ownProblem.isAllInputCaseInOneFile }}&lt;/td&gt;`
  &lt;script&gt;
  function modifySelector(target){
      if(target.substring(0, 3)=="nof"){
          if( document.getElementById(target).innerHTML == "OneFile")
              document.getElementById(target).innerHTML = "MultipleFiles";
          else
               document.getElementById(target).innerHTML = "OneFile";
      }
      else if(target.substring(0, 9)=="startDate"){
          document.getElementById(target).innerHTML = '&lt;input class="datepicker input-usmall" type="date" id="startDate" name="startDate" data-date-format="yyyy-mm-dd" placeholder="click" autocomplete="off" form="addProblem"&gt;;
      }
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>I guess, The difference is whether it has written directly or indirectly by using 'innerHTML'
      and I think it is about priority or something related with DOM.
      but I do not know how to solve it clearly. </p>