Html drag & drop - template node - feedback

With a request it returns the values in original order and not in the new order.

[{"id":"75194ede.1b0558","type":"inject","z":"b0b28f06.30d62","name":"make request","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":"","x":190,"y":720,"wires":[["91123439.77dd78"]]},{"id":"91123439.77dd78","type":"http request","z":"b0b28f06.30d62","name":"","method":"GET","ret":"txt","paytoqs":false,"url":"http://127.0.0.1:1880/hello","tls":"","persist":false,"proxy":"","authType":"","x":354.5,"y":720,"wires":[["309a8cbc.5a2624"]]},{"id":"cc5a7d99.109d3","type":"debug","z":"b0b28f06.30d62","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":790,"y":720,"wires":[]},{"id":"309a8cbc.5a2624","type":"html","z":"b0b28f06.30d62","name":"","property":"","outproperty":"","tag":"li","ret":"html","as":"single","x":530,"y":720,"wires":[["cc5a7d99.109d3"]]},{"id":"de1a89e5.aef64","type":"http in","z":"b0b28f06.30d62","name":"","url":"/hello","method":"get","upload":false,"swaggerDoc":"","x":240,"y":540,"wires":[["8237bd54.046578"]]},{"id":"8237bd54.046578","type":"template","z":"b0b28f06.30d62","name":"page","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<!doctype html>\n<html>\n<head>\n\n<style>\n\t\tbody { \n\t\t\t\tfont: 16px Arial, Helvetica, sans-serif \n\t\t}\n\t\t\n\t\tli { \n\t\t\t\tcursor: pointer; user-select: none \n\t\t}\n\t\t\n\t\t.more { border-top: 1px dotted rgb(196, 196, 196); \n\t\t\t\tfont-size: 12px; \n\t\t\t\tpadding-top: 10px \n\t\t}\n\t\t.more, .more a { \n\t\t\t\t\tcolor: rgb(96, 96, 96) \n\t\t\t\t\t}\n\t\t\t\t\t\n</style>\n\n<meta charset=\"UTF-8\">\n<title>Naamloos document</title>\n<script>\nvar selected\n\nfunction dragOver( e ) {\n  if ( isBefore( selected, e.target ) ) e.target.parentNode.insertBefore( selected, e.target )\n  else e.target.parentNode.insertBefore( selected, e.target.nextSibling )\n}\n\nfunction dragEnd() {\n  selected = null\n}\n\nfunction dragStart( e ) {\n  e.dataTransfer.effectAllowed = \"move\"\n  e.dataTransfer.setData( \"text/plain\", null )\n  selected = e.target\n}\n\nfunction isBefore( el1, el2 ) {\n  var cur\n  if ( el2.parentNode === el1.parentNode ) {\n    for ( cur = el1.previousSibling; cur; cur = cur.previousSibling ) {\n      if (cur === el2) return true\n    }\n  } else return false;\n}\n\n\n</script>\n</head>\n\n<body>\n\n<ul>\n    <li draggable=\"true\" ondragend=\"dragEnd()\" ondragover=\"dragOver(event)\" ondragstart=\"dragStart(event)\">Apples</li>\n    <li draggable=\"true\" ondragend=\"dragEnd()\" ondragover=\"dragOver(event)\" ondragstart=\"dragStart(event)\">Oranges</li>\n    <li draggable=\"true\" ondragend=\"dragEnd()\" ondragover=\"dragOver(event)\" ondragstart=\"dragStart(event)\">Bananas</li>\n    <li draggable=\"true\" ondragend=\"dragEnd()\" ondragover=\"dragOver(event)\" ondragstart=\"dragStart(event)\">Strawberries</li>\n</ul>\n<div class=\"more\">\n  See more examples at <a href=\"https://codepen.io/crouchingtigerhiddenadam/pens/public/\" target=\"_top\">https://codepen.io/crouchingtigerhiddenadam/pens/public/</a>\n</div>\n\n\n</body>\n</html>\n","output":"str","x":430,"y":540,"wires":[["b2bd2dc9.1e0a2","327162ef.919aa6"]]},{"id":"b2bd2dc9.1e0a2","type":"http response","z":"b0b28f06.30d62","name":"","statusCode":"","headers":{},"x":570,"y":540,"wires":[]},{"id":"327162ef.919aa6","type":"debug","z":"b0b28f06.30d62","name":"","active":false,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":590,"y":620,"wires":[]}]