jQuery addClass example

Change class name on click in jQuery

HTML

<ul>
  <li>1</li>
  <li>2</li>
</ul>

CSS

li {
  background: #ccc;
  width:50px;
  padding:5px 2px;
}

JavaScript

(function(){
	$('li').each(function(){
  var $this = $(this);
  	$('ul').on( 'click', $this, function(){
    	$('ul').append('<li>new</li>');
    });
  });
})(jQuery)