title: Get child element of parent div jquery
body: <p>I have a div</p>
  
  <pre><code>&lt;div id="customFormContact"&gt;
      .. other elements that don't matter ...
  &lt;input type="hidden" class="formID" value="Custom Product Contact" /&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using the div to do a jquery dialog with the submit button doing some ajax work.  In the ajax call I would like to do is pull out the value of the hidden field.  What is the best way to do so?</p>
  
  <p>I have tried</p>
  
  <pre><code>var id = $("#customFormContact, .formID").val();
  </code></pre>
  
  <p>As well as </p>
  
  <pre><code>var id = $("#customFormContact &gt; .formID").val();
  </code></pre>
  
  <p>to no avail.</p>
  
  <p>With an alert of the value, I get either a undefinded (with the first) or a blank with the second.</p>