Bounty--form input traversing

by nickadeemus2002

HTML

<div id="wrapper">

        <!-- BEGIN original code -->
        <form action="#" id="form" >
          <input type="hidden" name="dispatch" value="update"/>
          <p>
          <table class="forms01">
            <tr>
              <td colspan="2" class="name_l">Add master ATS questions/information:</td>
            </tr>
            <tr>
              <td class="left leftcontent bold"><label for="atsQuestion">ATS Question:</label></td>
              <td class="right"><input type="text" name="atsQuestion" id="atsQuestion" size="40"/></td>
            </tr>
            <tr>
              <td class="left leftcontent bold"><label for="atsQuestionValidation">Validation Method:</label></td>
              <td class="right">
                <select name="questionValidation" id="atsQuestionValidation">
                    <option value="id1" >id1</option>
                    <option value="id2" >id2</option>
                    <option value="id3" >id3</option>
                </select>
              </td>
            </tr>
            <tr>
              <td class="left leftcontent bold"><label for="atsFormatInstruction">Format Instruction:</label></td>
              <td class="right">
                  <input type="text" name="formatInstruction" id="atsFormatInstruction" size="40"/></td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- <div class="miscAlignButtons bottomOfPageButton"> -->
                    <input type="submit" value="Add Question" name="addQuestion" id="addQuestion" class="submitG_w100"/>
                  <!-- </div> -->
              </td>
            </tr>
          </table>
        </form>

        <form "#" id="form">
          <input type="hidden" name="dispatch" value="update"/>
          <p>
          <table class="forms01">
            <tr>
              <td colspan="2" class="name_l">Add ATS companies:</td>
            </tr>
            <tr>
              <td class="left leftcontent bold"><label...

JavaScript

$('form').submit(function(e){
                e.preventDefault();
            
                var current_inputs = $(this).serializeArray();
                var max = current_inputs.length;

                for(var i= 0; i<max; i++){
                   for(var prop in current_inputs[i])
                       $('<p class="highlight">'+current_inputs[prop]+ ' : '+ current_inputs[i][prop]+'</p>')
                          .insertAfter('#result'); 
                }
                
            }
        );
        
        
        $('#atsQuestion').focus();