JQueryが子どもとdivを追加して、要素がfirefox上で動作しない - jquery、append、jquery-hover

要素に子を含むdivを追加してもFirefoxで機能しないのはなぜですか？

私はこの結果を見たいです：

<div class="d1">
<div class="d2">
<div class="d3"></div>
</div>
</div>

子を使用してd1を作成し、要素に追加するにはどうすればよいですか？

回答：

$("body").append(
$("<div class="d1"><div class="d2"><div class="d3"></div></div></div>")
)