title: Triggering a svg animation with jquery/javascript
body: <p>I have a .svg file that animates a circle to move using the animateMotion. The problem is that I load the file with jquery at the bottom of my page. By the time the user has scrolled down, the animation has already played. I'm using the waypoints jquery plugin which runs a function when a div is in the viewport. I would love to use this to trigger the animateMotion within the .svg. </p>
  
  <p>Thoughts and ideas are greatly appreciated.</p>
  
  <p>
      
      
      <br>
      
  </p>