box click

for a digitalpoint thread

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<form id='myform'>
<input type='hidden' id='lastclicked' name='lastclicked'/>
<div id='box1' class='box'></div>
<div id='box2' class='box'></div>
<div id='box3' class='box'></div>
</form>

CSS

.box {
    height: 100px;
    width: 256px;
    border-radius: 10px;
    border: thin solid #86939e;
}
#box1 {
  background-color: white;
}
#box2 {
  background-color: yellow;
}
#box3 {
  background-color: blue;
}
.select-box {
    border: 2px solid red;
}

JavaScript

$(document).ready(function(){
    $(".box").on('click',function(){     
        $(this).addClass("select-box");
        $('#lastclicked').val($(this).attr('id'));
        alert($('#lastclicked').val());      
    });
});