jqueryでdiv直下の要素をすべて取得したい

Question

var content = $('#carrer_original').children("div,label").clone();
で取得すると余分なものがしゅとくできてしまいます
下のdiv全てを取得するのはどうすればよいですあk

   <div id="carrer_original" class="add_table" style="display: none;">
       <label class="col-sm-3 control-label form-profile-label" for="ask1">職種</label>
       <div class=" col-sm-9 form-profile-input-02 career-hide">

         <input class="form-control" type="text" placeholder="" value="" name="job_kind[]">
       </div>
       <label class="col-sm-3 control-label form-profile-label" for="ask1">会社名</label>
       <div class="col-sm-9 form-profile-input-02">
         <input type="text" class="form-control"   name="company_name" value="" placeholder="">
       </div>
       <label class="col-sm-3 control-label form-profile-label" for="ask1">在籍期間</label>
       <div id="term" class="col-sm-9 form-profile-input-02">
         <div class="row">
           <div class="col-sm-4">
             <select class="form-control col-sm-2" name="first_year">年
               {foreach from=$item_lists.year key=key item=year }
               {if $key == 1999}
               <option value="{$key}" selected>{$year}</option>
               {else}
               <option value="{$key}">{$year}</option>
               {/if}
               {/foreach}
             </select>
           </div>
           <div class="col-sm-2">
             <select class="form-control col-sm-3" name="first_month">月
               {foreach from=$item_lists.month key=key item=month }
               <option value="{$key}">{$month}</option>
               {/foreach}
             </select>
           </div>
         </div>

       <div>～</div>
       <div class="row">
         <div class="col-sm-4">
           <select class="form-control col-sm-2" name="last_year">年
             {foreach from=$item_lists.year key=key item=year }
             {if $key == 1999}
             <option value="{$key}" selected>{$year}</option>
             {else}
             <option value="{$key}">{$year}</option>
             {/if}
             {/foreach}
           </select>
         </div>
         <div class="col-sm-2">
           <select class="form-control col-sm-3" name="last_month">月
             {foreach from=$item_lists.month key=key item=month }
             <option value="{$key}">{$month}</option>
             {/foreach}
           </select>
         </div>
       </div>
       <div>
         <input class="btnJobAdd " type="button" value="追加" name="add">
       </div>
       </div>
     </div>

Answer 1

$('#carrer_original').children("div,label");
を実行すると、<div id="carrer_original">直下の<div>と<label>を取得しています。
なので、この段階で取得できている要素は下記とその中に含まれる要素です。

• label.col-sm-3.control-label.form-profile-label
• div.col-sm-9.form-profile-input-02.career-hide
• label.col-sm-3.control-label.form-profile-label
• div.col-sm-9.form-profile-input-02
• label.col-sm-3.control-label.form-profile-label
• div#term.col-sm-9.form-profile-input-02

1. 意図してdivとlabelを取得するように指定されていますので、余分なものとはどの要素を指すのでしょうか？
2. 下のdiv全てを取得するのはどうすればよいですあk というのは下記でいうとどれでしょうか？

A. div#carrer_original の中にある要素を全て取得したい。
B. div#carrer_original の中にあるdiv要素を全て取得したい
C. div#carrer_original そのものを取得したい。

A. の場合ですと、現状問題なくできてると思いますし、divとlabel以外のタグも入ってくる可能性があるのであれば指定を外せばよいでしょう。

$('#carrer_original').children();

B. の場合ですと、ichamさんの書かれている方法で可能です。

C. の場合で、clone();して使いたいということであれば

$('#carrer_original').clone();

で可能です。(そのままHTMLに入れると同じIDが複数になってしまうのでちょっとアレですが...)
文字列として取得したいのであれば、Firefoxも11からはouterHTMLが使えるようになってるようですので下記で取得することもできます

$('#carrer_original')[0].outerHTML;

参考
children([expr]) - jQuery 日本語リファレンス

Answer 2

div#carrer_originalの
子要素のdivを取得したいのでしたら

$('#carrer_original').children('div');

子孫要素を取得したいのでしたら

$('#carrer_original').find('div');