Получить дочерний элемент родительского div jquery

Question

У меня есть div

<div id="customFormContact">
    .. other elements that don't matter ...
<input type="hidden" class="formID" value="Custom Product Contact" />    
</div>

Я использую div для создания диалога jquery, а кнопка submit выполняет некоторую работу с ajax. В вызове ajax я хотел бы извлечь значение скрытого поля. Каков наилучший способ сделать это?

Я пытался

var id = $("#customFormContact, .formID").val();

а также

var id = $("#customFormContact > .formID").val();

безрезультатно.

С предупреждением о значении я получаю либо неопределенный (с первым), либо пробел со вторым.

Answer 1

Не указывайте , ( множественный селектор ) и > ( дочерний селектор ), просто используйте пробел, как этот:

var id = $("#customFormContact .formID").val();

С только пробелом является селектор потомков , и он найдет .formID как ребенка любой глубины внутри #customFormContact.

Answer 2

А как же:

var id = $("#customFormContact .formID").val();

Answer 3

var id = $("#customFormContact .formID").val();

Answer 4

Просто дайте полю ID

id = $('#someID').val();