sample074.html

<!DOCTYPE html>
<html lang="en">
<body>
    <div><span>stop</span></div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>  (function ($) {
      $('div').click(function (event) {
          // Attach click handler to <div>     
          alert('You clicked the outer div');
      });

      $('span').click(function (event) {
          // Attach click handler to <span>     
          alert('You clicked a span inside of a div element');
          // Stop click on <span> from propagating to <div>
          // if you comment out the line below, 
          //the click event attached to the div will also be invoked
          event.stopPropagation();
      });
  })(jQuery); </script>
</body>
</html>