Ajax Post Click Function Submits Twice

Ajax Post Click Function Submits Twice

I'm clicking a button type="button" to fire off an ajax post. The problem is, the form is always submitted twice.

Generated HTML

  1.  <form name="AddItem" id="additemform" method="post" action="WebCatPageServer.exe">
  2.         <input name="Action" type="hidden" value="Add_Item" />
  3.         <table>
  4.         <tbody>
  5.         <tr>
  6.         <td><a href="WebCatPageServer.exe?PROD_FULL&ProdInfo=00012000551">BRW2394746301</a></td>
  7.                         <td>239-47463-01</td>
  8.                         <td>Gas Valve Complete, Icon Natural Gas</td>
  9.                         <td> $207.32</td>
  10.                         <td>Available</td>
  11.                         <td>
  12.                             <input name="Q1" tabindex="1" class="qtyfield" type="text" size="1" value="0" onblur="clickrecall(this,'0')" onfocus="Q1.select()" />
  13.                         </td>
  14.                         <td>
  15.                             <input name="P1" type="hidden" value="BRW2394746301" />
  16.                             <input name="M1" type="hidden" value="239-47463-01" />
  17.                             <input name="D1" type="hidden" value="Gas Valve Complete, Icon Natural Gas" />
  18.                             <button type="button" class="button lightgray smallrounded addbtn" value="Add">Add</button>
  19.                         </td>
  20.                     </tr>
  21.                     <tr>
  22.                         <td><a href="WebCatPageServer.exe?PROD_FULL&ProdInfo=00012000552">BRW2394746501</a></td>
  23.                         
  24.                         <td>239-47465-01</td>
  25.                         <td>Gas Valve Complete , Icon Propane</td>
  26.                         <td> $272.58</td>
  27.                         <td>Available</td>
  28.                         <td>
  29.                             <input name="Q2" tabindex="2" class="qtyfield" type="text" size="1" value="0" onblur="clickrecall(this,'0')" onfocus="Q2.select()"/>
  30.                         </td>
  31.                         <td>
  32.                             <input name="P2" type="hidden" value="BRW2394746501" />
  33.                             <input name="M2" type="hidden" value="239-47465-01" />
  34.                             <input name="D2" type="hidden" value="Gas Valve Complete , Icon Propane" />
  35.                             <button type="button" class="button lightgray smallrounded addbtn" value="Add">Add</button>
  36.                         </td>
  37.                     </tr>
  38.                     <tr>
  39.                         <td><a href="WebCatPageServer.exe?PROD_FULL&ProdInfo=00012000553" style="text-decoration:underline;">BRW2334784505</a></td>
  40.                         <td>233-47845-05</td>
  41.                         <td>Pilot Assembly, Icon Natural Gas</td>
  42.                         <td>  $32.58</td>
  43.                         <td>Available</td>
  44.                         <td>
  45.                             <input name="Q3" tabindex="3" class="qtyfield" type="text" size="1" value="0" onblur="clickrecall(this,'0')" onfocus="Q3.select()" />
  46.                         </td>
  47.                         <td>
  48.                             <input name="P3" type="hidden" value="BRW2334784505" />
  49.                             <input name="M3" type="hidden" value="233-47845-05" />
  50.                    <input name="D3" type="hidden" value="Pilot Assembly, Icon Natural Gas" />
  51.                             <button type="button" class="button lightgray smallrounded addbtn" value="Add">Add</button>
  52.                         </td>
  53.                     </tr>
  54.                 </tbody>
  55.             </table>
  56.         </form>

jQuery Code

    1.  $(function() {
    2.       var additemtoform = $('#additemform');
    3.       var handleData = function(responseData) {
    4.         if ($(responseData).find('#repitems').length) {
    5.           var replacement = $('<div />').html(responseData).find('#repitems').html();
    6.           $('#test').html(replacement);
    7.         } else {
    8.           additemtoform.submit();
    9.         }
    10.       };
    11.     
    12.       $("#additemform .addbtn").on("click", function(e) {
    13.         e.preventDefault();
    14.         $.ajax({
    15.           type: 'POST',
    16.           url: 'WebCatPageServer.exe',
    17.           dataType: 'html',
    18.           cache: false,
    19.           data: additemtoform.serialize(),
    20.           beforeSend: function() {},
    21.           success: function(data) {
    22.             handleData(data);
    23.           },
    24.           error: function() {
    25.             alert('error');
    26.           }
    27.         });
    28.         return false;
    29.       });
    30.     });
                                                            I just don't know how it's submitting twice. Any thoughts? Thanks in advance.