title: How do I place a script with SNAP svg into a div
body: <p>I'm trying to place a SNAP svg script into a div and am lost as to how I should do this.
  Right now here is the html I am working with:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;OH SNAP SVG 2014&lt;/title&gt;
  &lt;script src="Snap.svg-0.1.0/dist/snap.svg-min.js"&gt;&lt;/script&gt;
  &lt;style&gt;
  body{
      background:#FFF;
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;script&gt;
  
  
  
  var paper= Snap(700,600);
  
  
  
  
  
  
  var c = paper.image("clock machine.svg", 200,100,500,480);
  
  
  
  var b = paper.image("new years ball.svg", 406,20,200,200);
  
  
  
  var p = paper.image("button.svg", 258,508,35,35);
  
  
  
  var l = paper.image("lights.svg",406,20,200,200);
  
  
  
  
  
  var g = paper.group(b,l);
  
   var clickFunc= p.click 
  g.transform("R90");
  p.click(function(){
          g.animate({transform : "t0,227" }, 5000, mina.easein );
          T.animate({transform : "t-2557,0,"}, 4900,mina.linear);
  });
  
  
      g.attr({x:250})
  
  
  
  
  
  
  var T = paper.image("LCD Text.svg", 620,453,2500,85).attr({
  fill: "#3FFF9B"
  
  });
  
  var c = paper.rect(365, 454, 263, 85, 3).attr({mask:T,
  fill:"#3FFF9B"
  });
  
  
  
  
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>That is what I have so far. Does anybody know how I would specifically put this into a div? I read the documentation and have tried a couple of things, but my results have been futile.
  Any help would be much obliged.</p>