Status Update (Disable Button 1) is not working whats wrong in the code


#1

var main = function()
{
$('.btn').click(function(){

    var post = $('.status-box').val();
    $('<li>').text(post).prependTo('.posts');
    $('.status-box').val('');
    $('.counter').text("140");

});
$('.status-box').keyup(function()
{

    var postLength = $(this).val().length;
    var charactersLeft = 140 - postLength;
    $('.counter').text(charactersLeft);

    if(charactersLeft < 0)
    {
        $('.btn').addClass('disable');
    }
    else if(charactersLeft === 140)
    {
        $('.btn').addClass('disable');
    }
    else
    {
        $('.btn').removeClass('disable');
    }
});
$('.btn').addClass('disabled');

}
$(document).ready(main);


#2

@cloudpro34558,

Must one use class-name 'disabled' or 'disable' for manipulating the .btn-state ??