ericanderson/index.html

## index.html
<html>
  <head>
    <script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
  </head>
  <body>

    <form id="preventDefault">
      <button>preventDefault</button>
    </form>

    <form id="stopPropagation">
      <button>stopPropagation</button>
    </form>

    <form id="both">
      <button>both</button>
    </form>


    <script>
      $('form').click(function(e){
        alert('in form');
      });

      $('#preventDefault button').click(function(e){
        alert('in button');
        e.preventDefault();
      });

      $('#stopPropagation button').click(function(e){
        alert('in button');
        e.stopPropagation();
      });

      $('#both button').click(function(e){
        alert('in button');
        e.preventDefault();
        e.stopPropagation();
      });
    </script>

  </body>
</html>
	<html>
	<head>
	<script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
	</head>
	<body>

	<form id="preventDefault">
	<button>preventDefault</button>
	</form>

	<form id="stopPropagation">
	<button>stopPropagation</button>
	</form>

	<form id="both">
	<button>both</button>
	</form>


	<script>
	$('form').click(function(e){
	alert('in form');
	});

	$('#preventDefault button').click(function(e){
	alert('in button');
	e.preventDefault();
	});

	$('#stopPropagation button').click(function(e){
	alert('in button');
	e.stopPropagation();
	});

	$('#both button').click(function(e){
	alert('in button');
	e.preventDefault();
	e.stopPropagation();
	});
	</script>

	</body>
	</html>