title: facebook comments (Facebook social plugin) load only after I refresh the page in rails 4 app
body: <p>I have a rails 4 app and I want to use the Facebook social plugin for comments. I have this code: 
  in show.html.erb I have </p>
  
  <pre><code>&lt;div class="fb-comments" data-href="my site name" data-numposts="5" data-colorscheme="light"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>in application.js: </p>
  
  <pre><code>( 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 = "//connect.facebook.net/en_GB/all.js#xfbml=1&amp;appId=644565478915600";
          fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
  </code></pre>
  
  <p>And after my opening body tag:</p>
  
  <pre><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>When I go to the page, the comments appear only after I refresh it. Why?</p>