on drag change css/classes for all dropzones

I have multiple dropzones..

This will change CSS for the dropzone when a file is dragged over the dropzone..

$('.div').on('dragenter', function(e){
    $(this).addClass('droppable_highlight');
})
.on('dragleave', function(e){
    $(this).removeClass('droppable_highlight');
});

How to highlight all elements as soon as a file is dragged in the browser, so the user knows where to drop the file