在表单中提取DropKick值

Question

我已经开始使用漂亮的dropkick dropdown。 似乎我无法将模型对象填充到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="??? ?????" />
        }

模型（保持成员名称与元素的名称+ 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>

一旦点击提交按钮，我就会到达相关的控制器功能，但输入的模型对象不包含所选的值......