title: A <FORM> element disappears from the DOM
body: <p>A fragment of my web output, when seen under Sources in Chrome Development Tools and Debugger in Edge is:</p>
  
  <pre><code>  &lt;/div&gt;
    &lt;form id="form" style="display:none;"&gt;
      &lt;textarea class="form-control" id="editor" name="editor"&gt;&lt;/textarea&gt;
      &lt;input class="btn btn-primary" type="submit" value="Submit"&gt;
      &lt;button class="btn btn-default" onclick="discard();" type="button"&gt;Cancel&lt;/button&gt;
    &lt;/form&gt;
    &lt;!--**END**--&gt;
  </code></pre>
  
  <p>However, under Elements in Chrome and DOM Explorer in Edge, the <code>&lt;form&gt;</code> element is missing, as follows:</p>
  
  <p><a href="https://i.stack.imgur.com/IHmO7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IHmO7.png" alt="enter image description here"></a></p>
  
  <p>Though I have some scripts, none of them did anything to the <code>&lt;form&gt;</code> element. What could be causing the anomaly?</p>