Pre-populating an email address in Stripe / Checkout
<p>I am using <a href="http://stripe.com" rel="nofollow">Stripe</a> / <a href="https://stripe.com/docs/checkout" rel="nofollow">Checkout</a> on a site in order to accept payments.  Stripe is fairly simple to use this way, as they give the following script to embed in web pages:</p>

<pre><code>&lt;form id="monthly" action="/subscribe" method="POST"&gt;
  &lt;script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_xxxxxxxxx"
    data-image="http://mywebsite.com/assets/img/logo_raw.png"
    data-name="My Website"
    data-description="Monthly Subscription"
    data-amount="6900"
    data-email="email@example.com"
    data-allow-remember-me=false
    data-label="Subscribe" &gt;
  &lt;/script&gt;
&lt;/form&gt; 
</code></pre>

<p>What I would like to be able to do is pre-populate the email address value (data-email="email@example.com") with a variable that I have in my custom.js jQuery script.  I am proficient with jQuery, but can I modify this embedded script with jQuery?</p>