Question

$(document).ready(function() {
  $('#promotion_profile_booking_description').keyup(function () {
    var left = 200 - $(this).val().length;
    if (left < 0) {
        left = 0;
    }
    $('#counter').text('Characters left: ' + left);
  });
  $('#counter').bind('click', function() {
    (this).hide();
  });
});

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?

Answer 1

Try changing (this).hide(); to $(this).hide();