height(), innerHeight(), outerHeight() returns 0...

Code:

<div id="out" style="display:block">

</div>

<div id="in" style="display:none">

<div id="child">some text</div>

</div>

<script>

var kids = $("#in").children(); now array "kids" contains one DIV element named "child"

kids.each(function(index, domEle)

{

$("#out").append($(domEle));

var height = $(domEle).height();

alert(domEle.tagName+" "+height+"px");

});

</script>

Result:

Browser alert window says: "DIV 0px". It's wrong, because DIV height is 32px (or smth like that)...

But, if before alert() function I append DIV named "child" to DIV named "out" (in my example need to uncomment string) - all fine...