title: Start animating div when the other div animations completes
body: <p>I am working on a rather complex jquery-to be animation which moves various div's based on different trigger events. To simplify the scenario I am trying to solve is:</p>
  
  <ol>
  <li>I have DIV 1 and DIV 2 on the screen</li>
  <li>DIV 1 needs to animate from position A to position B</li>
  <li>DIV 2 needs to also animation from position C to position D, however ONLY when DIV 1 reaches position B.</li>
  </ol>
  
  <p>How should I get around doing something like this?</p>
  
  <p>I am thinking I need to use a <code>trigger/event listener</code> mechanism, were DIV 2 goes to sleep, and only gets woke up by an event that gets triggered when DIV 1 reaches position B on the screen.</p>
  
  <p>Is this the best mindset I should have? How do I do this using jQuery.</p>
  
  <p>Much appreciated.</p>