Raphael + jQuery sandbox

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.0.1/raphael-min.js"></script>
<div class="canvasWrapper">
  <div class="layer" id="layer1"></div>
  <div class="layer" id="layer2"></div>
  <div class="layer" id="layer3"></div>
</div>

CSS

.canvasWrapper {
   position: relative;
   height: 600px;
   width: 600px;
   background-color:green;
}

.layer {
  position: absolute;
  height: 600px;
  width: 600px;    
}

JavaScript

var paper1 = Raphael($("#layer1")[0], 500, 500);

paper1.path("M 33 489 L 34 489 L 34 490 L 34 490 L 34 490 L 34 490 L 34 492 L 35 492 L 35 490 L 35 490 L 35 490 L 35 490 L 35 489 L 36 489 L 36 492 L 40 492 L 40 488 L 38 488 L 38 488 L 40 488 L 40 484 L 38 484 L 38 484 L 40 484 L 40 481 ").attr("fill", "green");

var paper2 = Raphael($("#layer2")[0], 500, 500);
paper2.rect(100,100,200,200);

var paper3 = Raphael($("#layer3")[0], 500, 500);