Есть квадрат на нем кнопка, как разделить события по клику?

<div>
     <input type="button">
     
 </div>

div{
    width: 300px;
    height: 300px;
    background: black;
    text-align: center;
}
input{
    width: 100px;
    height: 30px;
    margin-top: 120px;
}

$('div').click(function(){
    $(this).toggleClass('active');
});
    $('input').click(function(a){
    a.stopPropagation();
});