update woocommerce main product image on thumbnail click

thumbnail.click.js

jQuery(document).ready(function($) {
	"use strict";
	$(document).on('click','.thumbnails .zoom', function(){
		var photo_fullsize = $(this).find('img').attr('src').replace('-150x180','');
		$('.woocommerce-main-image img').attr('src', photo_fullsize);
		return false;
	});
});

It is not working WordPress 4.5

@CapitalH @arshidkv12

This worked for me in WordPress 4.6

    $('body').on('click','.thumbnails img', function(){
        var thumb_fullsize = $(this).attr('src').replace('-180x180','');
            thumb_srcset = $(this).attr('srcset');

        $('.images > img').attr('src', thumb_fullsize);
        $('.images > img').attr('srcset', thumb_srcset);
        return false;
    });

@marcelo2605
where should I enter your code? should I make one new file of js?