jQuery how to correctly insert nested tags?

Question

JavaScript

Trying to dynamically create a page

var form = $("<form></form>");
      var row = $("<div></div>").addClass("row");
      var col = $("<div></div>").addClass("col");
      form.append(row).append(col).append("TEST")

And at the output I get

<form>
       <div class="row"></div>
       <div class="col"></div>
       TEST

I can't figure out how to write correctly.