尝试追加元素后，jQuery停止执行

Question

My function is supposed to copy insides of element twice, and append them, but for some reason jQuery stops executing after first append. I do not understand why.

$(".testowyUl").prepend(function () {
  var $temp = $(this).children().clone();
  var $temp2 = document.createElement("div");
  $temp2.append($temp);
  $temp2.append($(this).children().clone());
  return $temp2.children();
});

Answer 1

Try:

var $temp2 = $("<div>");

instead of:

var $temp2 = document.createElement("div");

to create a jquery object. As there is no method "append" in DOM element.

Answer 2

you are calling append on a non Jquery object at

$temp2.append($temp);

resulting in

Object #<HTMLDivElement> has no method 'append'

update:

you could try by using

var $temp2 = $("div");

instead of

var $temp2 = document.createElement("div");

see a working fiddle here