Character countdown for Fieldmanager

gistfile1.js

this.setupMaxLengthCountdown();
$('.fm-item').on('fm_added_element', $.proxy( this.setupMaxLengthCountdown, this ) );

/**
 * Set up max length countdown
 */
setupMaxLengthCountdown: function() {

	$('.fm-element[data-fusion-enable-max-length-countdown]').each( function(){
		var el = $(this);
		if ( el.closest('.fm-item').hasClass('fmjs-proto') ) {
			return;
		}
		var wrap = $('<div />');
		wrap.addClass('fusion-max-length-countdown-wrap');
		wrap.css( 'position', 'relative' );
		el.wrap( wrap );
		var span = $('<span />');
		span.addClass('fusion-max-length-countdown');
		span.text( el.attr('maxlength') - el.val().length );
		span.css( 'position', 'absolute' );
		span.css( 'right', '4px' );
		span.css( 'top', '3px' );
		el.before( span );
		el.removeAttr('data-fusion-enable-max-length-countdown');
		el.on( 'keydown', function(){
			span.text( el.attr('maxlength') - el.val().length );
		});
	});

}