title: Shopify Input Value Is Overidden Somehow
body: <p>If you have any input on what's going on here I sure would appreciate it. When I add more than one variant, my <em>quantity input</em> breaks. </p>
  
  <p><strong>I have a Shopify product with only ONE variant here:</strong></p>
  
  <p><a href="https://three-main.myshopify.com/products/copy-of-liquid-hand-soap" rel="nofollow noreferrer">https://three-main.myshopify.com/products/copy-of-liquid-hand-soap</a> </p>
  
  <p><strong>I have essentially the same product duplicated, but with TWO variants here:</strong></p>
  
  <p><a href="https://three-main.myshopify.com/products/liquid-hand-soap" rel="nofollow noreferrer">https://three-main.myshopify.com/products/liquid-hand-soap</a></p>
  
  <p><strong>Note:</strong>
  If you're looking closely you'll see the input populate correctly for a split second, then revert to the broken input field that says "add to cart" instead of "1". Is there something I should be doing to populate individual inputs when there's more than one variant? </p>
  
  <p><strong>This is the code we're using to populate the quantity box:</strong></p>
  
  <pre><code>&lt;div class="di-quantity-wrap"&gt;
                    &lt;label
                      class="product-quantity-label"
                      for="quantity"&gt;    
                      Quantity:
                    &lt;/label&gt;
                    &lt;input
                      class="input-field product-quantity-input"
                      type="text"
                      name="quantity"
                      value="1"&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you in advance!</p>