title: How to correctly append many divs using jquery?
body: <p>I have such long html code, for alert when you have old browser:</p>
  
  <pre><code>&lt;div class="ie-message" style="display: block; "&gt;
        &lt;div class="alert error"&gt;
          &lt;h2&gt;
            Sorry, your web-browser is outdated
          &lt;/h2&gt;
          &lt;p&gt;
            We recommend you install new version of web-browser
          &lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="browsers-list"&gt;
          &lt;div class="browser-button chrome"&gt;
            &lt;a href="http://www.google.com/chrome"&gt;Google Chrome&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="browser-button firefox"&gt;
            &lt;a href="http://www.mozilla.com/firefox/"&gt;Mozilla Firefox&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="browser-button opera"&gt;
            &lt;a href="http://www.opera.com/download/"&gt;Opera&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="browser-button safari"&gt;
            &lt;a href="http://www.apple.com/safari/download/"&gt;Apple Safari&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="browser-button ie"&gt;
            &lt;a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx"&gt;Internet Explorer&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;&lt;div class=?"ie-message" style=?"display:? block;? "&gt;?&lt;div class="ie-message" style="display: block; "&gt;
        &lt;div class="alert error"&gt;
          &lt;h2&gt;
            Sorry, your web-browser is outdated
          &lt;/h2&gt;
          &lt;p&gt;
            We recommend you install new version of web-browser
          &lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="browsers-list"&gt;
          &lt;div class="browser-button chrome"&gt;
            &lt;a href="http://www.google.com/chrome"&gt;Google Chrome&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="browser-button firefox"&gt;
            &lt;a href="http://www.mozilla.com/firefox/"&gt;Mozilla Firefox&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="browser-button opera"&gt;
            &lt;a href="http://www.opera.com/download/"&gt;Opera&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="browser-button safari"&gt;
            &lt;a href="http://www.apple.com/safari/download/"&gt;Apple Safari&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="browser-button ie"&gt;
            &lt;a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx"&gt;Internet Explorer&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>How can I append it using jquery? when i write this all in one string I get what i need</p>
  
  <pre><code>$('body').append('&lt;div class="ie-message" style="display: block; "&gt;&lt;div class="alert error"&gt;&lt;h2&gt;Sorry, your web-browser is outdated&lt;/h2&gt;&lt;p&gt;We recommend you install new version of web-browser&lt;/p&gt;&lt;/div&gt;&lt;div class="browsers-list"&gt;&lt;div class="browser-button chrome"&gt;&lt;a href="http://www.google.com/chrome"&gt;Google Chrome&lt;/a&gt;&lt;/div&gt;&lt;div class="browser-button firefox"&gt;&lt;a href="http://www.mozilla.com/firefox/"&gt;Mozilla Firefox&lt;/a&gt;&lt;/div&gt;&lt;div class="browser-button opera"&gt;&lt;a href="http://www.opera.com/download/"&gt;Opera&lt;/a&gt;&lt;/div&gt;&lt;div class="browser-button safari"&gt;&lt;a href="http://www.apple.com/safari/download/"&gt;Apple Safari&lt;/a&gt;&lt;/div&gt;&lt;div class="browser-button ie"&gt;&lt;a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx"&gt;Internet Explorer&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="close-text"&gt;close&lt;/div&gt;&lt;/div&gt;');
  </code></pre>
  
  <p>, but how to make that every html tag will be on new line?  </p>