title: FB.init has already been called - this could indicate
body: <p>I have a facebook button no SDK:</p>
  
  <pre><code>&lt;fb:like href="&lt;%= @canonical_url %&gt;" send="" layout="button_count"&gt;&lt;/fb:like&gt;
       &lt;div id="fb-root"&gt; &lt;/div&gt;
       &lt;script&gt;
        // facebook recommend button
        window.fbAsyncInit = function() {
           FB.init({appId: 'myappid', status: true, cookie: true, xfbml: true});
        };
        (function() {
          // delay to simulate slow loading of Facebook library - remove this setTimeout!!
          var t = setTimeout(function() {
              var e = document.createElement('script'); e.async = true;
              e.src = document.location.protocol + '//connect.facebook.net/&lt;%= locale_og_tag %&gt;/all.js';
              document.getElementById('fb-root').appendChild(e);
          }, 0);
        }());
        &lt;/script&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I don't reload facebook button when I change of page, then inside my javascript file I run:</p>
  
  <pre><code>if (typeof (FB) != 'undefined') {
      FB.init({ status: true, cookie: true, xfbml: true });
     } else {
      $.getScript("http://connect.facebook.net/en_US/all.js#xfbml=1", function () {
       FB.init({ status: true, cookie: true, xfbml: true });
     });
   }
  </code></pre>
  
  <p>but I get in console:</p>
  
  <pre><code>FB.init has already been called - this could indicate a problem
  </code></pre>
  
  <p><strong>How can I fix this problem?</strong></p>
  
  <p>Thank you!</p>