Hide/Remove if clicking outside an element
var sideForm = $('.hero.home form.side');
$(document).mouseup(function(e) {
// if the target of the click isn't the 'sideForm' nor a descendant of 'sideForm'
if (!sideForm.is(e.target) && sideForm.has(e.target).length === 0) {
sideForm.removeClass('active');
}
});