JQuery评估空Val（）很奇怪

Question

我有一个包含“ChildBirthdate”文本输入的隐藏div。用户可以单击一个名为“添加孩子”的按钮，该按钮取消隐藏的div。 奇怪的是当我遍历birthdate字段并检查val是否为空时，ChildBirthDate值不为空。这是html：

                <div class="ChildData">

                    <div class="form-group required Child">
                        <label for="ChildBirthDate" class="col-md-4 control-label">Child/Dependent Birth Date</label>
                        <div class="col-md-3">
                            <input type="text" name="ChildBirthDate" class="form-control BirthDate" placeholder="MM/DD/YYYY" value="" />
                            <span class="help-block">
                                Please enter your Birth Date
                            </span>
                        </div>
                        <div class="col-sm-2">
                            <a class="RemoveChild" style="margin-left:-25px; margin-top:5px; display:block" href="">
                                <span class="glyphicon glyphicon-remove"></span>
                                Remove Child
                            </a>
                        </div>
                    </div>

                </div>

这是javascript：

    $('.BirthDate').each(function () {
    /*
    if ($(this).val() != '' && !isValidDate()) {
        datesAreValid = false;
        return;
    }
    */
    alert($(this).prop('id'));
    if ($(this).val() != '') {
        alert($(this).val()); // alerts on hidden childbirthdate even though value=""
        alert($(this).prop('id')); // alert empty on childbirthdate.  Others alert the id (PrimaryBirthdate, SpouseBirthdate)
    }
});