title: pause() in TweenMax is not working
body: <p>New to GSAP here. I'm trying to pause my animation when I click a button, but for some reason I can't pause the animation when my variable is referencing to a <code>TweenMax.staggerFrom</code> method. From what I understand, using the pause() method is as easy as attaching the method a variable referencing the tween. Any ideas why this is happening? </p>
  
  <p>Relevant code below (I am using GSAP and jQuery)</p>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function(){
      TweenMax.from("#from",5,{opacity:0,y:-200});
      var tween=TweenMax.staggerFrom(".square",3, {y:200, scale:0, backgroundColor:'#ff0000', delay:0.5},2);
  
      $("#pause").click(function(){
          tween.pause();
      });
  
  });
  </code></pre>
  
  <p>The error I'm getting from the console is <code>Uncaught TypeError: tween.pause is not a function(…)</code>. </p>
  
  <p>Relevant HTML </p>
  
  <pre><code>&lt;style&gt;
  .square{
      width:110px;
      height:110px;
      background-color:#A58760;
      position:relative;
      margin:10px;
      display:inline-block;
      }
  &lt;/style&gt; 
  &lt;body&gt; 
  &lt;div id="from" class="center"&gt; &lt;img src="the_lady_eve.jpg" alt="eve" width="500px"&gt; 
  &lt;/div&gt; 
  &lt;div class="square"&gt;&lt;/div&gt;
  &lt;div class="square"&gt;&lt;/div&gt;
  &lt;div class="square"&gt;&lt;/div&gt;
  &lt;br&gt;
  &lt;button id="pause"&gt; Pause Squares &lt;/button&gt;
  &lt;!--When I click this button, I pause the square animation. !--&gt;
  
  &lt;/body&gt; 
  &lt;script src="GSAP_playPause.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I notice I can pause <code>#from</code> when I use this code. </p>
  
  <p>$(document).ready(function(){</p>
  
  <pre><code>var tween=TweenMax.from("#from",5,{opacity:0,y:-200});
      TweenMax.staggerFrom(".square",3, {y:200, scale:0, backgroundColor:'#ff0000', delay:0.5},2);
      $("#pause").click(function(){
          tween.pause();
      });
  
  });
  </code></pre>