title: How to refresh Facebook plugins?
body: <blockquote>
  <p><strong>Possible Duplicate:</strong><br />
  <a href="https://stackoverflow.com/questions/9768346/how-to-render-a-plugin-added-dynamically">How to render a plugin added dynamically?</a></p>
  </blockquote>
  
  <p>This is my <a href="http://jsfiddle.net/wfC3Z/10/" rel="nofollow noreferrer">code</a> :</p>
  <h1>HTML</h1>
  <pre><code>&lt;div id=&quot;fb-root&quot;&gt;
  &lt;fb:like href=&quot;www.google.it&quot; send=&quot;false&quot; layout=&quot;button_count&quot; width=&quot;auto&quot; show_faces=&quot;true&quot;&gt;&lt;/fb:like&gt;
  &lt;div id=&quot;newFB&quot;&gt;&lt;/div&gt;
  &lt;a href=&quot;#&quot; id=&quot;showFacebook&quot;&gt;Add new &quot;I Like&quot; and refresh&lt;/a&gt;
  </code></pre>
  <h1>jQuery</h1>
  <pre><code>function renderFB() {
      (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = &quot;//connect.facebook.net/it_IT/all.js#xfbml=1&quot;; fjs.parentNode.insertBefore(js, fjs); } (document, 'script', 'facebook-jssdk'));
  }
  
  renderFB();
  
  $(&quot;#showFacebook&quot;).click(function() {
      $('#newFB').html('&lt;fb:like href=&quot;www.google.it&quot; send=&quot;false&quot; layout=&quot;button_count&quot; width=&quot;auto&quot; show_faces=&quot;true&quot;&gt;&lt;/fb:like&gt;');
      
      renderFB();
  });
  </code></pre>
  <p>what I'd like to do is load every FB plugins on page load; then, in some moments, append a new plugins and re-render them all. Or, if possible, only the last inserted.</p>
  <p>Is it possible? And how can I do it?</p>