title: html5 facebook like button not working in local
body: <p>I write code to insert FB like button using configurator wizard by facebook developer page.</p>
  
  <p>Both code (HTML5 and IFrame) work properly in remote but in local only IFrame works properly, HTML5 button doesn't shown.
  Do you know what's the problem?
  Thanks</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &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/it_IT/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));&lt;/script&gt;
  &lt;br&gt;
  TEST LIKE HTML5
  &lt;br&gt;
  &lt;div class="fb-like" data-href="http://www.karimrashid.com/" data-send="false"   data-width="450" data-show-faces="true" data-colorscheme="dark"&gt;&lt;/div&gt;
  &lt;br&gt;
  TEST LIKE IFRAME
  &lt;br&gt;
  &lt;iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F %2Fwww.karimrashid.com&amp;amp;send=false&amp;amp;layout=standard&amp;amp;width=450&amp;amp;show_faces=true&amp;amp;font&amp;amp;colorscheme=dark&amp;amp;action=like&amp;amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"&gt;&lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>