title: set text to google+ share button
body: <p>I'm creating a page which has a g+ share button, but I wanted to dynamically change the description of the content to share. to customize the share button I am using the <a href="https://developers.google.com/+/plugins/snippet/?hl=en">snippet</a> with Open Graph protocol.</p>
  
  <p>The solution I tried was the following, but it did not work correctly:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;meta property="og:title" content="O Fabuloso Gerador De Lero Lero v3" /&gt;
  &lt;meta property="og:image" content="images/robot.png" /&gt;
  &lt;meta property="og:description" content="..." /&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('meta[property="og:description"]').attr('content',text);
  
  var shareButtons = $('div:first','section.share-buttons');
  shareButtons.html('');
  shareButtons
      .prepend('&lt;a href="https://twitter.com/share" class="twitter-share-button" data-text="' + text.trunc(120,true) + '" data-url="http://goo.gl/1KHFM" data-lang="pt"&gt;Tweetar&lt;/a&gt;')
      .prepend('&lt;div class="g-plus" data-action="share" data-href="http://lerolero.miguelborges.com/t=' + new Date().getTime() + '" data-annotation="bubble"&gt;&lt;/div&gt;');
  
  try {
      window.twttr.widgets.load();
      window.gapi.plus.go();
  } catch(e) {}
  </code></pre>
  
  <p>but, the content of the description in share button is always the initial.</p>
  
  <p>Anyone know how to make it work?</p>
  
  <h1>EDIT:</h1>
  
  <p>I had the same problem with the button twitte but managed to solve this:</p>
  
  <pre><code>        shareButtons
              .prepend('&lt;a href="https://twitter.com/share" class="twitter-share-button" data-text="' + text.trunc(120,true) + '" data-url="http://goo.gl/1KHFM" data-lang="pt"&gt;Tweetar&lt;/a&gt;');
  
          window.twttr.widgets.load();
  </code></pre>