code: function onMouseDown(e) {
  		var $this = $(e.target);
  		var rippler = $this;
  		$(Selector.INK).remove();
  		// create .ink element if it doesn't exist
  		if (rippler.find(Selector.INK).length === 0) {
  			rippler.append(Template.SPAN_LINK);
  		}
  		var ink = rippler.find(Selector.INK);
  		// prevent quick double clicks
  		ink.removeClass(ClassName.ANIMATE);
  		// set .ink diametr
  		if (!ink.height() && !ink.width()) {
  			var d = Math.max(rippler.outerWidth(), rippler.outerHeight());
  				ink.css({
  				height: 20,
  				width: 20
  			});
  		}
  		// get click coordinates
  		var x = e.pageX - rippler.offset().left - ink.width() / 2;
  		var y = e.pageY - rippler.offset().top - ink.height() / 2;
  		// set .ink position and add class .animate
  		ink.css({
  			top: y + 'px',
  			left: x + 'px'
  		}).addClass(ClassName.ANIMATE);
  		setTimeout(function () {
  			ink.remove();
  		}, 1500);
  	}
docs: ------------------------------------------------------------------------
  Functions
  ------------------------------------------------------------------------