title: Using Braintree Dropin UI "braintree is not defined"
body: <p>I am attempting to follow the basics of Braintree integration and I am running into stumbling block after stumbling block seeing the flow in action.</p>
  
  <p>Right now I am trying to take a look at the dropin UI for Braintree and using their code, copy and pasted I am running into </p>
  
  <blockquote>
    <p>"braintree is not defined"</p>
  </blockquote>
  
  <p>when the braintree.dropin.create is executed.  </p>
  
  <pre><code>&lt;div id="dropin-container"&gt;&lt;/div&gt;
  &lt;button id="submit-button"&gt;Purchase&lt;/button&gt;
  
  &lt;script src="https://js.braintreegateway.com/web/dropin/1.14.1/js/dropin.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
    var submitButton = document.querySelector('#submit-button');
  
    braintree.dropin.create({
      authorization: 'CLIENT_AUTHORIZATION',
      container: '#dropin-container'
    }, function (err, dropinInstance) {
      if (err) {
        // Handle any errors that might've occurred when creating Drop-in
        console.error(err);
        return;
      }
      submitButton.addEventListener('click', function () {
        dropinInstance.requestPaymentMethod(function (err, payload) {
          if (err) {
            // Handle errors in requesting payment method
          }
  
          // Send payload.nonce to your server
        });
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>Does anyone have any recommendations on how to get this dropin working?</p>
  
  <p>Edit:
  As far as development stack is concerned I am creating this in a Django environment and testing with both the JavaScript library and the Python library. This particular implementation I am attempting to use the javascript library.</p>