title: ATG dsp form input value
body: <p>I am trying to get a form to submit without reloading the whole page.  I am very confident that I have the logic working for this as I am using an event listener to circumvent the default form submission logic.</p>
  
  <pre><code>$("body").on("click", '#buttonHolder', function() {
          $.ajax({
              type: 'POST',
              data: $('#storeCart').serialize(),
              dataType: "html",
              url: "/inc/store/cart/cart-contents.jsp",
              cache: false,
              success: function(response) {
                  $("#formHolder").html(response);
              }
          });
          return false;
      });
  </code></pre>
  
  <p>Where my dsp form looks like this</p>
  
  <pre><code>&lt;dsp:form action="" id="storeCart" formid="storeCart" method="post"&gt;
    &lt;dsp:droplet name="/atg/dynamo/droplet/IsEmpty"&gt;
        &lt;dsp:param name="value" param="element.WarrantyId"/&gt;
           &lt;dsp:oparam name="true"&gt;
              &lt;input type="text" value='&lt;dsp:valueof param="element.quantity" /&gt;' maxlength="3" class="inputQuantity" name='&lt;dsp:valueof param="element.catalogRefId"/&gt;' id='quantity-&lt;dsp:valueof param="element.catalogRefId"/&gt;'/&gt;
           &lt;/dsp:oparam&gt;
        &lt;dsp:oparam name="false"&gt;
           &lt;dsp:valueof param="element.quantity" /&gt;
              &lt;input type="hidden" value='&lt;dsp:valueof param="element.quantity" /&gt;' maxlength="3" class="inputQuantity" name='&lt;dsp:valueof param="element.catalogRefId"/&gt;' id='quantity-&lt;dsp:valueof param="element.catalogRefId"/&gt;'/&gt;
        &lt;/dsp:oparam&gt;
      &lt;/dsp:droplet&gt;
    &lt;td id="buttonHolder"&gt;&lt;dsp:input value="Submit" type="submit" bean="......"/&gt;&lt;/td&gt;
  &lt;/dps:form&gt;
  </code></pre>
  
  <p>The problem is that it doesn't seem to want to change the values after I add them in on the front end.  To be more clear:</p>
  
  <p>The input field is value 1.  If I go ahead and change it to 4, then inspect the element, the value is still 1, and this is reflected when the form submits and the response is generated.  So doing a console.log($('testID').val()); on the input gives me a 1, not a 4 (desired).  This is also going through in the request headers.</p>
  
  <p>Edit:</p>
  
  <p>I updated the dsp form section to more accurately reflect the fields with their shadow hidden fields.  I can't seem to get the form to accept new inputs.  The values assert themselves as the values stored in the jsp variables, even when injecting new values into the chrome inspector. </p>