jQuery oculta o elemento quando clicado em qualquer lugar da página

Gostaria de saber se esta é a maneira correta de ocultar elementos visíveis quando clicada em qualquer lugar da págin

$(document).click(function (event) {            
    $('#myDIV:visible').hide();
});

O elemento (div, span etc.) não deve desaparecer quando o evento click ocorre dentro dos limites do element

questionAnswers(17)

yourAnswerToTheQuestion