When do you use DOM-based Generation vs. using strings/innerHTML/JQuery to generate DOM content?
===

I was wondering when to use DOM-based generation versus .innerHTML or appending strings using JQuery's .append method? I read a related post here http://stackoverflow.com/questions/2319472/should-you-add-html-to-the-dom-using-innerhtml-or-by-creating-new-elements-one-b but I'm still unsure of the use case for each method.Is it just a matter of performance where I would always choose one over the other?

Let's say that **form** is an arbitrary variable:

**DOM generation**
	
				var div = document.createElement("div"),
				label = document.createElement("label"),
				input = document.createElement("input");
					
				div.appendChild(label);
				div.appendChild(input);
				
				form.appendChild(div);
**JQuery**


               $(form).append("<div><label></label><input></input></div>")