title: Access form input values within jquery validate's submitHandler
body: <p>How should a given form input be accessed within jQuery validate()'s submitHandler callback?  I have a convoluted solution, but expect there must be a better way.</p>
  
  <p><a href="http://jsfiddle.net/1tzuojpg/2/" rel="nofollow">http://jsfiddle.net/1tzuojpg/2/</a></p>
  
  <pre><code>$(document).ready(function(){
      $("#myform").validate({
              submitHandler: function(form) {
                  var inputs=$(form).find(':input');
                  console.log('inputs',inputs);
                  console.log('form',form,$(form),form.elements);
                  console.log('this',this, $(this));
                  //console.log( this.serializeArray() ); //this is not a jQuery object
                  console.log( $( this ).serializeArray() );
                  console.log( $( form ).serializeArray() );
                  console.log( inputs.serializeArray() );
                  alert(inputs.filter('[name=myName]').val());
              }
          });
    });
  
  &lt;form id='myform' &gt;
     &lt;input type='text' name='myName' value="123" /&gt;
     &lt;input type="submit" value="submit"&gt;
  &lt;/form&gt;
  </code></pre>