title: Setting up Twitter intent button, tweet shows 'undefined'
body: <p>I am setting up a Twitter intent button on my webpage but no matter what I set the text portion to I always get 'null' or 'undefined'</p>
  
  <p>Here is a link to my codepen: <a href="http://codepen.io/JonLangel/pen/kXdmqP?editors=0010" rel="nofollow">http://codepen.io/JonLangel/pen/kXdmqP?editors=0010</a></p>
  
  <p>It's vulgar so NSFW.</p>
  
  <p>Here is the HTML for the twitter button:</p>
  
  <pre><code>        &lt;div id="twitter-button"&gt;
            &lt;a class="twitter-share-button" id="twitter" href="#"
              role="button" target="_blank" data-size="large"&gt;Tweet&lt;/a&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Here is the JavaScript:</p>
  
  <pre><code>    var my_spreadsheet = 'https://docs.google.com/spreadsheets/d/1s-X822Oiga0j0eHC8PvegRo6W8GGC0a28nVgnvSsOqo/pubhtml';
  
      var sheet_data;
  
      function init() {
        Tabletop.init( { 
          key: my_spreadsheet, 
          callback: saveData,
          simpleSheet: true
        });
      }
      function saveData(data, tabletop) {
        sheet_data = data; 
      }
  
      var newQuote = function(newQuote) {
          var randNum = Math.floor(Math.random() * (sheet_data.length));
          $("#advice").html(sheet_data[randNum].Advice).addClass('animated zoomIn').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
    $(this).removeClass();
               });
      }
  
      $(document).ready(function() {
  
        init();
  
        $('.container-fluid').click(function(){
          newQuote();
  
  
        $('#twitter').attr('href', 'https://twitter.com/intent/tweet?text=' + newQuote.randNum);
      }); 
      });   
  </code></pre>