// replace an image when thumbnail clicked
function updateMainImage() {
  $('.thumbnail').on("click", "img", function() {
    $('.mainpic').attr('src', $(this).attr('src'));
  });
}

$(document).ready(updateMainImage());

// also needed to add class to image in html