title: HTML5 Like button doesn't show if logged out
body: <p>I've scoured the Internet and even popped into #facebook to no avail. I have tried the FBXML code and it behaves the same way: if you are not logged into Facebook the Like button will not render to the page.</p>
  
  <p>What's weird is that the code is processed and FB inserts its magic into my fb-like div, however all the elements that would be seen have a width/height of 0. I'm at the end of the line as far as troubleshooting or discovering any helpful leads.</p>
  
  <p>Below is the code I'm using. The FB SDK and fb-like element come straight from <a href="https://developers.facebook.com/docs/reference/plugins/like/" rel="nofollow">https://developers.facebook.com/docs/reference/plugins/like/</a>.</p>
  
  <p>In head:</p>
  
  <pre><code>&lt;meta property="fb:app_id" content="APP ID"/&gt;
  </code></pre>
  
  <p>Right before the body tag:</p>
  
  <pre><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;
      window.fbAsyncInit = function() {
          // Additional initialization code such as adding Event Listeners goes here
          FB.Event.subscribe('edge.create',
                  function(response) {
                      $.trackEvent.apply(jQuery, ['Outbound Links', 'Click', 'Facebook']);
                  }
          );
      };
  
      (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_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
  &lt;/script&gt;
  </code></pre>
  
  <p>In body of page:</p>
  
  <pre><code>&lt;div class="fb-like" data-href="http://www.facebook.com/mypage" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false"&gt;&lt;/div&gt;
  </code></pre>