(function($){$.fn.charsLeft=function(customOptions){var options=$.extend({},$.fn.charsLeft.defaultOptions,customOptions);return this.each(function(i){var $this=$(this);var charHTML="<div class='"+options.wrapperClass+"'>";charHTML+=options.charPrefix;charHTML+=" <span class='"+options.countClass+"'>"+options.maxChars+"</span> ";charHTML+=options.charSuffix;charHTML+="</div>";switch(options.attachment){case"before":$this.before(charHTML);break;case"after":$this.after(charHTML);break;default:$this.after(charHTML);break}$charCount=$("."+options.countClass);var messageLength=$this.attr("value").length;var messageCharsLeft=options.maxChars-messageLength;if(messageLength){$charCount.text(messageCharsLeft)}$this.bind("keyup.charsLeft",function(){messageLength=$this.attr("value").length;messageCharsLeft=options.maxChars-messageLength;$charCount.text(messageCharsLeft);(messageCharsLeft<0)?$this.addClass(options.errorClass):$this.removeClass(options.errorClass)})})};$.fn.charsLeft.defaultOptions={maxChars:300,charPrefix:"",charSuffix:"Karakter Tersisa",attachment:"after",wrapperClass:"charsLeft",countClass:"charCount",errorClass:"charError"}})(jQuery);