jquery - フォーム内の DropKick 値を抽出する

Question

美しいドロップキックのドロップダウンを使い始めました。dropkick フィールド値で満たされたモデル オブジェクトを使用してコントローラーに送り返さなかったようです。

.cshtml

@using (Html.BeginForm("Submit", "Home", FormMethod.Post))
        {
            <section class="form-section pink-section">
                <section class="row clearfix">
                    <section class="form-field">
                        <select class="default" name="ChildrenCount" id="ChildrenCount">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                    </section>


            <input type="submit" class="submit btn blue-btn" value="??? ?????" />
        }

モデル (メンバー名を name + 要素の id 属性と同じに保つ)

public class OrderDetails
    {
        public int ChildrenCount;
    }

_layout.xml 内 (dropkick チュートリアルからコピー)

 <script type="text/javascript" charset="utf-8">
        $(document).ready(function () {
            $('.default').dropkick();

            $('.black').dropkick({
                theme: 'black'
            });
            $('.existing_event').dropkick();

            $('.change').dropkick({
                change: function (value, label) {
                    alert('You picked: ' + label + ':' + value);
                }
            });

            $('.custom_theme').dropkick({
                theme: 'black',
                change: function (value, label) {
                    $(this).dropkick('theme', value);
                }
            });

            $('.dk_container').first().focus();
        });
    </script>

送信ボタンを押すと、関連するコントローラー関数に到達しますが、入力モデルオブジェクトには選択された値が含まれていません...