jQueryを利用した指定したタグの下に特定のエリアを挿入する方法

該当のcookieが存在する場合は特定のエリアを挿入する機能を実装したときのメモ。

いちいち置き換え用のdivとか置きたくないから、共通のdivの直下に置けるようにしたい。
該当のdiv(id)に対して、ただappendとかbeforeとかしてもタグの前や後ろに挿入されるだけなので、これだと希望は満たさない。
ということで、:nth-childを利用してみた。

var _v = $.cookie('hogehoge');
var _h = $("#common-area-layout").children(':nth-child(1)');
  if (_v) {
    _h.before('common-area-layout直下に挿入');
  }

これで解決！