title: jQuery. How to remove button after It is clicked?
body: <p>How to remove Facebook like button after It is clicked (with jQuery)?</p>
  
  <p>This is my code. After Like button is clicked It alert "I just clicked like button", but this line not working <code>$(this).remove();</code>. How to remove It?</p>
  
  <pre><code>  &lt;div id="fb-root"&gt;&lt;/div&gt;
      &lt;script&gt;
      window.fbAsyncInit = function(e) {
          FB.Event.subscribe('edge.create', function(response) {
               $(this).remove(); // I used this to remove button after clicking, but not working
               alert('I just clicked like button');
          });
      };
  
      (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>And this is my FB Like button:</p>
  
  <pre><code>&lt;div class="fb-like" data-href="https://facebook.com/myPage" data-layout="button" data-action="like" data-show-faces="false" data-share="false" &gt;&lt;/div&gt;
  </code></pre>