signup_w_multiple_plans

by ChargeOver

HTML

<html>
  <head>
    <script
      src="https://code.jquery.com/jquery-3.1.1.min.js"
      integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
      crossorigin="anonymous"
    ></script>

    <!-- Latest compiled and minified CSS -->
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
      integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
      crossorigin="anonymous"
    />

    <!-- Optional theme -->
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
      integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
      crossorigin="anonymous"
    />

    <!-- Latest compiled and minified JavaScript -->
    <script
      src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
      integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
      crossorigin="anonymous"
    ></script>

    <script src="https://assets.chargeover.com/minify/?g=chargeover.js"></script>
    <script>
      ChargeOver.Core.setup({
        instance: "dev.chargeover.com",
        token: "xW6qLYeT73ouG5gVp4KQzZt28SFv1cdw",
      })
    </script>
    <script>
      // Our callback function (this gets called after data is sent to ChargeOver)
      function my_callback_function(code, message, response) {
        if (code == ChargeOver.Core.CODE_OK) {
          //alert('You have signed up! Thanks ' + response.user.first_name + '!');

          $("#form").hide()
          $("#alert").show()
        } else {
          alert("An error occurred: " + message)
        }
      }

      $(document).ready(function () {
        $("#submit").click(function () {
          // The data we want to send to ChargeOver
          var my_data = {
            send_welcome_notice: true, // Default is FALSE. TRUE sends a welcome e-mail to new sign-ups, while FALSE...