I am trying to tweet text I get from a function executing a getJSON command, the tweet button I created opens twitter but with no text, I want it to automatically "paste" the quote the webpage is currently displaying. My basic html code is the following:

```
<button id="quoteClick" type="button" class="btn btn-success btn-lg quoteButton text-center btn-block">Get Quote</button>

<div class="col-md-8 show boxed text-center"> Text </div>

<div class="col-md-5 text-center author"> auth
</div>

<a class="tw-button" href="https://twitter.com/intent/tweet/?text=" data-size="large" target="_blank">
    <button type="twbutton" class="btn btn-primary">Tweet quote</button>
</a>

```

My JS:

```
$(document).ready(function() {
  gQuote();

  function gQuote() {
    $.getJSON("https://crossorigin.me/http://api.forismatic.com/api/1.0/?method=getQuote&format=json&lang=en",
      function(data) {
        var Quote = data.quoteText;
        var Author = data.quoteAuthor;
        var quoteShow = ""
        var quoteAuthor = ""
        quoteShow += "<h3 class='text-center'>" + Quote + "</h3>"
        quoteAuthor += "<h4 class='text-center'>" + Author + "</h4>"
        $(".show").html(quoteShow);
        $(".author").html(quoteAuthor);

      });

  };

  $("#quoteClick").on("click",function() {
    gQuote();
  });
  $(".tw-button").click(function(){
    $(this).attr("href",'https://twitter.com/intent/tweet/?text='+ Quote);

  });
});

```

I understand that the `Quote` variable was created within the previous function and I am not clear as to how I can "carry" it towards the twitter button. 
I am using codepen so `"target:_blank"` is a must.