JQuery Validation Two Fields Required only First is working

JQuery Validation Two Fields Required only First is working

I am using JQuery Validation to try to validate two input fields in my form. The problem that I am coming across is that it does not matter which one I have as the first one, the secondary one is never called with validation unless the field is dynamically filled in by a value entered in earlier in the form. Here are two sections that I am having a problem with: 


  2. <div class="form-panel">
  3.                     <div class="row collapse">
  4.               <div class="medium-3 columns">
  5.                         <label for="selectFinish" class="inline show-for-medium-up"> Style</label>
  6.                         </div>
  7.               <div class="medium-9 columns">
  8. <select name="Pri-CompID" id="selectFinish" class="priceCalc required">
  9.                             <option value="" selected="selected"></option>
  10.                             <option value="">Select a size before proceeding.</option>
  11. </select>
  12.                         </div>
  13.                     </div>
  14.                   </div>

  16.  <div class="form-panel">
  17.                     <div class="row collapse">
  18.               <div class="medium-3 columns">
  19.                         <label for="selectFastener" class="inline show-for-medium-up"> Fastener</label>
  20.                         </div>
  21.               <div class="medium-9 columns">
  22.                             <select name="Pri-CompID" id="selectFastener" class="priceCalc required">
  23.                                 <option value="" selected="selected"></option>
  24.                                 <option value="">Select a size before proceeding.</option>
  25.                             </select>
  26. <div id="punchSlot"></div>
  27.                         </div>
  28.                     </div>
  29.                   </div>