I'm trying to use the following code to append 40 new div elements to a #colors div:

```
$( document ).ready(function() {
    var $node = $("<div></div>");
    var $divg = $('#colors');
    for (var i = 1; i <= 40; i++) {
        $divg.append($node);
    }
});

```

At the end I get the following:

```
<div id="colors">
    <div></div>
</div>

```

Could someone please tell me what's happening?

I can't figure out.