title: Store HTML code in variable (faster for the browser?)
body: <p>Is there a difference between ...</p>
  
  <p>this</p>
  
  <pre><code>&lt;html&gt;
     ...
      &lt;div id="myDiv"&gt;  &lt;/div&gt;';
     ...
  &lt;/html&gt;
  var manyHtmlCode = '  ... many Html Code ... ';
  // onclick -&gt; write it in to the DIV -&gt; $('myDiv').append(manyHtmlCode);
  </code></pre>
  
  <p>and this</p>
  
  <pre><code>&lt;html&gt;
     ...
      &lt;div id="myDiv" style="display:none;"&gt; ... many Html Code ... &lt;/div&gt;';
     ...
  &lt;/html&gt;
  // onclick -&gt; show content $('myDiv').show();
  </code></pre>
  
  <p>It is obvious to me that the second solution is faster in javascript, but what about with the browser speed?
  Is the browser faster (for example, draging a div) with a smaller HTML code in the body Tag?</p>
  
  <p>If so, it would be better to store not needed HTML code in a JS var. My Problem is that i have a page with many many draggable divs. Imho is the dragspeed better when the html code is smaller.  </p>