javascript - Succesive br Elements -

function formatresults(){      $("#answerstosearch").empty();     var i=0;     for(;i<answers[1].length;i++){        var title=document.createtextnode(answers[1][i]);       var desc=document.createtextnode(answers[2][i]);       var newline=document.createelement("br");        document.getelementbyid("answerstosearch").appendchild(title);       document.getelementbyid("answerstosearch").appendchild(newline);        var newline=document.createelement("br");       document.getelementbyid("answerstosearch").appendchild(newline);        document.getelementbyid("answerstosearch").appendchild(desc);       var newline=document.createelement("br");       document.getelementbyid("answerstosearch").appendchild(newline);       var newline=document.createelement("br");       document.getelementbyid("answerstosearch").appendchild(newline);       }    } 

initially, tried using same variable 'newline' representing new line carriage returns. works once. tried declaring each time used carriage return , worked. question - why have declare new 'br' element each time add carriage return. or there have done wrong???

node.appendchild() method adds node end of list of children of specified parent node. if given child reference existing node in document, appendchild() moves current position new position

(emphasis added) source

appendchild() not clone node. clone node yourself:

appendchild(newline.clonenode(true));