Why doesn't my hide function work on a click
<pre><code>$(document).ready(function() {
  $('#promotion_profile_booking_description').keyup(function () {
    var left = 200 - $(this).val().length;
    if (left &lt; 0) {
        left = 0;
    }
    $('#counter').text('Characters left: ' + left);
  });
  $('#counter').bind('click', function() {
    (this).hide();
  });
});
</code></pre>

<p>The previous code essentially inserts "Characters left: x", as a text counter. It works great. However hiding the element on a click is another story. Why isn't my hide function working? Do you see any obvious errors in my JS?</p>
