jQuery addClass example

Change class name on click in jQuery

HTML

<button id='save'>Click the save button...</button>
<div id='content'></div>

JavaScript

var content = document.getElementById('content'),
		save    = document.getElementById('save'),
		output  = '<ul>',
		animals = [{
      name: 'bob',
      type: 'dog'
    }, {
      name: 'fred',
      type: 'lizard'
    }];

// set on load for testing
localStorage.setItem('animals', JSON.stringify(animals));

// grab localStorage data on click and crate a list
save.addEventListener('click', function() {
	var ls = JSON.parse(localStorage.getItem('animals'));  
  for (var i = 0; i < ls.length; i++) {
  	output += '<li>' + ls[i].name + ', ' + ls[i].type + '</li>';
  }
  
  output += '</ul>';
  content.innerHTML = output;
});