Question: This question is not related to coding issues but how we write our codes. For example take the append function. When we use jQuery append to insert long divs, it is easy to lose track of it's correctness. Example:

```
$('#someDiv').append('<div><span><div> .............. hundreds of div here ..... </div></span></div>');

```

Is it possible to convert this to a readable format, for example using multi-lines. I tried

```
$('#someDiv').append('<div>'+
+'<span>'+
+'<div> ...... and you get the point')

```

This doesn't seem to work. This question may be easy for some but it is not so obvious for me. Also although I minify js files at the end, it would be nice **not** to lose track of the elements while writing the code.

Answer: 
If you have to add the HTML inline style I would suggest the following format.

```
var html =
'<div class="somediv">\
  <div class="otherdiv">\
    .
    ..
    ...
  </div>\
</div>';

$('#somediv').append(html);

```
My solution would be to create all these elements

```
div1 = $(document.createElement('div'));
div1.attr(..);
div1.css(..);

container.append(..)

```

This means a lot of code but you can outsource it, can easily change attributes and its good readable...