mouse_enter_leave_change_img_bg.js

$(".color_swatch")
    .mouseenter(function() {
       var imgBgColor = $(this).find("input.color_checkbox").val();
       console.log(imgBgColor); 
       $(".single_product .front_wrap").addClass("swatch_'+imgBgColor+'");

    })
    .mouseleave(function() {
       var imgBgColor = $(this).find("input.color_checkbox").val();
       console.log(imgBgColor); 
       $(".single_product .front_wrap").removeClass("swatch_'+imgBgColor+'");
    });