title: refresh div containing facebook like button
body: <p>My like button code goes as follows:</p>
  
  <pre><code>&lt;div class="like-btn"&gt;                                                                       
  
  &lt;fb:like href="http://www.example-url.com" layout="box_count" show_faces="true" width="450" action="like" colorscheme="light" &gt;&lt;/fb:like&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>My problem is that, I do not want the comment box to be displayed after clicking like. I'm using XFBML version of Like Button for tracking purpose, so comment box is inevitable.<br>
  I have multiple like buttons in the page with variable href's.<br>
  I have read all the questions/solutions regarding removing the comment box in this scenario, but none of them work. I'm hoping that Refreshing the contents of <code>&lt;div class="like-btn"&gt;</code> would help. <br></p>
  
  <p>Could someone please help me figure out how I should tackle this problem?</p>
  
  <p>Here is my attempt so far:</p>
  
  <pre><code>//copying content of the div since the href is retrieved via php and is variable
  var content = $('.like-btn').html();
  $('.like-btn').empty();
  $('.like-btn').html(content);
  </code></pre>
  
  <h1>UPDATE</h1>
  
  <p>The approach shown in the accepted answer works perfectly for the default like button (XFBML/HTML5) but not for the <code>box-count</code> styled.</p>