title: jQuery: Get all input vals within a table and serialize
body: <p>Given the following table structure, how would I get all the input vals within a table when the <code>.button</code> is clicked?</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input value="1" name="A" type="text" /&gt;&lt;td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input value="2" name="B" type="text" /&gt;&lt;td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input value="3" name="C" type="text" /&gt;&lt;td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;div class="button"&gt;&lt;/div&gt;&lt;td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>This is the jquery I have so far:</p>
  
  <pre><code>$('.button').click(function() {
      alert($(this).parent('table').('input').serialize());
  });
  </code></pre>
  
  <p>The function isn't working though, it's not finding the input in the table I guess...</p>