title: How to add huge html in .append() function?
body: <p>The problem with .append is that I must write all in one line like so:</p>
  
  <pre><code>$('#addr' + (i - 1)).append("&lt;td&gt;" + i + "&lt;/td&gt;&lt;td&gt;&lt;input id='riferimento_" + i + "' name='riferimento_" + i + "' type='text' placeholder='RIFERIMENTO' class='form-control riferimento'  /&gt;&lt;/td&gt;&lt;td&gt;&lt;input id='host_" + i + "' name='host_" + i + "' type='text' placeholder='HOST' class='form-control host'  /&gt;&lt;/td&gt;&lt;td&gt;&lt;input id='user_" + i + "' name='user_" + i + "' type='text' placeholder='USER' class='form-control user'  /&gt;&lt;/td&gt;&lt;td&gt;&lt;div class='opzioni' id='opzione" + i + "'&gt;  &lt;p id='infotime_" + i + "' class='pull-left'&gt;&lt;p&gt;  &lt;a href='#' id='" + i + "' class='btn btn-danger  btn-circle  pull-right btn_delete_row'&gt; &lt;span class='glyphicon glyphicon-trash'&gt;&lt;/a&gt; &lt;a style='margin-right: 8px;' href='#' data-popup-open='popup_" + i + "' class='btn btn-info btn-circle pull-right more_info '&gt;&lt;span class='glyphicon glyphicon-info-sign'&gt;&lt;/span&gt;&lt;/a&gt; &lt;a hidden style='margin-right: 8px;' href='#' key='" + i + "' id='update_row_db_" + i + "' class='btn btn-primary btn-circle pull-right update_row_db '&gt;&lt;span class='glyphicon glyphicon-pencil'&gt;&lt;/span&gt;&lt;/a&gt;  &lt;a hidden style='margin-right: 8px;' href='#' key='" + i + "' id='add_row_db_" + i + "' class='btn btn-success btn-circle pull-right add_row_db '&gt;&lt;span class='glyphicon  glyphicon-save'&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt;&lt;/td&gt;");
  </code></pre>
  
  <p>how can i use breaklines and format the html like this: </p>
  
  <pre><code>$('#addr'+(i-1)).append("
      &lt;div&gt;
          &lt;p&gt;&lt;/p&gt;
      &lt;/div&gt;
  ");
  </code></pre>
  
  <p>I'd like to have a code more readable for further changes. Maybe I'm looking at the problem in the wrong way, do you know another way?</p>