title: setting up stripe with custom amount
body: <p>I have a problem with setting custom amount, I would like to set data-amount to whatever user will choose in input id="custom-donation-amount", how should I do that. my attempt doesn't work.</p>
  
  <p></p>
  
  <pre><code>&lt;script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-image="images/button.png"
    data-key="pk_test_FTZOOu9FL0iYJXXXXXX"
    data-name="Fund"
    data-label= "DONATE"
    data-description="ysysys"
    data-amount = 
    &gt;
  
      $('.donate-button').click(function(event){
      var self = $(this);
      var amount = 0;
       amount = $('#custom-donation-amount').val();
        if (amount === "") {
          amount = 50;
        }
  
      amount = self.attr('data-amount');
      amount = Math.abs(amount * 100);
    });
  
  &lt;/script&gt;
   &lt;input type="number" id="custom-donation-amount" placeholder="50.00" min="0" step="10.00"/&gt;
  </code></pre>