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(){
  $('ul').on( 'click', 'li', function(){
     $('ul').append('<li>new</li>');
  });
})(jQuery)