jquery - jQueryを使用して親要素から要素を移動するにはどうすればよいですか?

Question

以下の例では、jQuery を使用して、どのように移動.navして.header追加し.containerますか?

だからこれは前です：

<div class="container">
    <div class="header">
        <div class="nav"></div>
    </div>
</div>

そして、これは後になります：

<div class="container">
    <div class="header"></div>
    <div class="nav"></div>
</div>

これは私が試したものですが、うまくいきません。

<script> $( "div.container" ).append( $( ".nav" ) ); </script>

注: これは Ning サイトにあり、上記のスクリプトは管理ダッシュボードのカスタム コード セクションに挿入されています。