title: Iterate through inputs inside of a div
body: <p>I'am trying to iterate through all inputs which are placed on a specific div via jQuery, but there is no response. I can't see the values of inputs by using alert. What am I doing wrong ? </p>
  
  <pre><code>&lt;form id="internshipStage2Form" method="POST" action="form2.php"&gt;
      &lt;center&gt;
          &lt;table id="studentInformation" border="1"&gt;
              &lt;caption style="color:#f00;"&gt;Student(Trainee) Information&lt;/caption&gt;
              &lt;tr&gt;
                  &lt;td valign="middle" align="center"&gt;
                      &lt;label id="stuEmailLabel" for="stuEmailText"&gt;E-mail Address&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td valign="middle" align="center"&gt;&lt;?php echo $email; ?&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td valign="middle" align="center"&gt;
                      &lt;label id="stuPhoneLabel" for="stuPhoneText"&gt;Phone&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td&gt;&lt;input id="stuPhoneText" type="text" name="stuPhoneText"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
          &lt;div id="companyInfo"&gt;
              &lt;table id="companyInformation" border="1"&gt;
                  &lt;caption style="color:#f00;"&gt;Company Information&lt;/caption&gt;
                  &lt;tr&gt;
                      &lt;td valign="middle" align="center"&gt;
                          &lt;label id="companyNameLabel" for="companyNameText"&gt;Company Name&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td&gt;&lt;input id="companyNameText" type="text" name="companyNameText"/&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td valign="middle" align="center"&gt;
                          &lt;label id="companyAdressLabel" for="companyAdressText"&gt;Address&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td&gt;&lt;input id="companyAdressText" type="text" name="companyAdressText"/&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td valign="middle" align="center"&gt;
                          &lt;label id="companyPhoneLabel" for="companyPhoneText"&gt;Phone&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td&gt;&lt;input id="companyPhoneText" type="text" name="companyPhoneText"/&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td valign="middle" align="center"&gt;
                          &lt;label id="" for=""&gt;Did the any students work as trainees in the company in the previous years?&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td valign="middle" align="center"&gt;
                          Yes&lt;input id="g1Positive" type="radio" name="g1" value="YES"/&gt;
                          No&lt;input id="g1Negative" type="radio" name="g1" value="NO"/&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
          &lt;h4 style="color:#f00;"&gt;
              I agree the terms.
          &lt;/h4&gt;
          &lt;input id="stuDecCheckBox" type="checkbox" name="stuDecCheckBox" /&gt;&lt;/br&gt;
          &lt;input id="sendButton" type="submit" name="sendButton2" value="SEND FOR APPROVEMENT"/&gt;
      &lt;/center&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$('#companyInfo').children('input').each(function () {
      alert(this.value);
  });
  </code></pre>
  
  <p>Any help would be appriciated.</p>