scooler/index.html

## index.html
<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="rails.js"  type="text/javascript" ></script>
    <script type="text/javascript">
      $( function(){

        $(".parent").click(function(){
          alert("Parent clicked");
        });
        //this is only thing that will be called before
        $(".parent a").click(function(e){
          $.rails.handleRemote($(this));
          e.stopImmediatePropagation();
          e.preventDefault();
        })
      });
    </script>
  </head>
  <body>
    <div class="parent">
      <a data-method="delete" data-remote="true" href="http://localhost:3000/test">Click me</a>
    </div>
  </body>
</html>
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
	<script src="rails.js" type="text/javascript" ></script>
	<script type="text/javascript">
	$( function(){

	$(".parent").click(function(){
	alert("Parent clicked");
	});
	//this is only thing that will be called before
	$(".parent a").click(function(e){
	$.rails.handleRemote($(this));
	e.stopImmediatePropagation();
	e.preventDefault();
	})
	});
	</script>
	</head>
	<body>
	<div class="parent">
	<a data-method="delete" data-remote="true" href="http://localhost:3000/test">Click me</a>
	</div>
	</body>
	</html>