.mediumSquare{
                    height:256px;
                    width:50%;
                    margin-left: 0px;
                    margin-right: 0px;
                    float: left;
                    background-color: #eee;

                    div{
                        width: 100px;
                        height: 100%;
                        float: left;
                    }
                }

function updateTextInput(val, event) {
    console.log(event.currentTarget);
    selector = this;
    }
$( document ).ready(function() {
    $('[type="range"]').each(function(){
        colorPalettes(this.id);
    })
    $('.mediumSquare > div').on('click', function(event){
        console.log(event.currentTarget);
    });