title: Get value of nested form element on submit jQuery
body: <p>I'm trying to get the value of an form input, which is inside a table cell, but it is getting returned as undefined.</p>
  
  <pre><code>$('.js-form').submit(function(event) {
          alert($(this).children().has("input[name='points']").val());
  });
  </code></pre>
  
  <p>My HTML is as follows:</p>
  
  <pre><code>&lt;tr&gt;
  &lt;form action='...' method='post' class='js-form'&gt;
      &lt;td&gt;&lt;input type='text' name='points'/&gt;&lt;/td&gt;
  &lt;/form&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>There are multiple of these forms on the same page, I'm under the impression that using <code>$(this)</code> will restrict my DOM traversal to the selected form that the function is currently handling, but not sure why I don't get any value back? (there is a value in the field)</p>