title: Facebook 'Like' button not showing meta data information
body: <p>I am new to using Facebook API. I want to use the Facebook Like button my website. I am not able to get the metadata information on my page. I must be missing something trivial, I think.
  The mata information is:</p>
  
  <pre><code>&lt;meta property="og:title" content="Testing"/&gt;
  &lt;meta property="og:type" content="article"/&gt;
  &lt;meta property="og:url" content="http://localhost:8080/SocialPay/test.html"/&gt;
  &lt;meta property="og:image" content="http://upload.wikimedia.org/wikipedia/commons/thumb/0/06/Facebook.svg/215px-Facebook.svg.png"/&gt;
  &lt;meta property="og:site_name" content="SOCIAl DG"/&gt;
  &lt;meta property="og:description" content="Social networking site for buying and selling content."/&gt;
  </code></pre>
  
  <p>The code in the page is </p>
  
  <pre><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;(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&amp;appId=104879852980588";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));&lt;/script&gt;
  
  &lt;div class="fb-like" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false" 
      data-href="http://localhost:8080/SocialPay/test.html"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Can someone point out what I am missing. Also I am testing the page locally. Is that the problem. </p>