title: hide plusone button after click
body: <p>I want to hide google's +1 button after the user clicks on it using jQuery; this is the code I'm using but it seems it's not functioning properly:</p>
  
  <p>JS:</p>
  
  <pre><code>$(function() {
    $("#button").click(function()
    {
      $(".HIDE").hide();
    });
  
    return false;
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="HIDE"&gt;
    &lt;script type="text/javascript" src="https://apis.google.com/js/plusone.js"&gt;&lt;/script&gt;
    &lt;g:plusone size="small" class="plusone"&gt;&lt;/g:plusone&gt;
  &lt;/div&gt;
  </code></pre>