title: Getting Google Plus button to show after inserting markup with ajax
body: <p>I'm trying to load a google+ 1 button on a page, the goal is to have the buttons markup inserted into the page via ajax and then make the call for the button to be rendered.</p>
  
  <p>The button renders fine when the page is loaded first time around. The problem arises when the markup is fetched from /displaycode.php and then the render call is made again. </p>
  
  <pre><code>&lt;a href="javascript:void(0)" id="btn"&gt;REFRESH&lt;/a&gt;
  &lt;script type="text/javascript" src="https://apis.google.com/js/plusone.js"&gt;
    {"parsetags": "explicit"}
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(function() {
    $("#btn").click(function() {
          $('#live-preview').empty();
          $("#live-preview").load('/displaycode.php #code');
          gapi.plusone.go();
      return false;
    });
      gapi.plusone.go();
  });
  &lt;/script&gt;
  &lt;div id="live-preview"&gt;&lt;div id="code"&gt;&lt;div class="g-plusone"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>A demo of the problem can be viewed here <a href="http://32px.co/googleplusdemo.php" rel="nofollow">http://32px.co/googleplusdemo.php</a> . Thanks for any help in advance.</p>