Пример

$(document).ready(function(){

   $("#but1").click(function(event){
      alert("Вы нажали на кнопку. \n\nevent.isPropagationStopped()="+event.isPropagationStopped());
   });
   $("#wrap1").click(function(){
      alert("Событие click 'всплывает' к родительскому элементу \nи поэтому Вы будете видеть данное 
      сообщение если \nнажмете на кнопку. Хотя по задумке оно должно быть \nотображено только если 
      пользователь щелкнет \n где-нибудь в поле с id=wrap1.");
   });
   $("#but2").click(function(event){
      event.stopPropagation();
      alert("Вы нажали на кнопку. \n\nevent.isPropagationStopped()="+event.isPropagationStopped());
   });
   $("#wrap2").click(function(){
      alert("Данное сообщение не будет отображенно после нажатия на кнопку, \nесли Вы видите его 
      значит Вы щелкнули в поле которое окружает \nкнопку.");
   });

});

event.stopPropagation()