title: How to run an event after completely finish the previous event?
body: <p>I have a problem with some jquery please see below code.</p>
  <p>I have 2 events running. What I am trying to achieve is when the first event is completely finishes then I want to run second event.</p>
  <p>First event</p>
  <pre><code>$(&quot;#brand div&quot;).each(function(e) {
  $(this).delay(600*e).fadeTo('slow',1)
  })
  </code></pre>
  <p>Second event</p>
  <pre><code>$(&quot;.b-circle-image a&quot;).each(function(ev) {
  $(this).delay(600*ev).fadeTo('slow',1);
  })
  </code></pre>
  <p>I even tried like this using <code>status = false;</code> but still doesn't work.</p>
  <pre><code>    var checkStatus  = true;
      $(&quot;#brand div&quot;).each(function(e) {//Display segments in order
        $(this).delay(600*e).fadeTo('slow',1)
        checkStatus = false;
      })
      if(!checkStatus==false){
        $(&quot;.b-circle-image&quot;).show();
        $(&quot;.b-circle-image a&quot;).each(function(ev) {//Display circle image in order
        $(this).delay(600*ev).fadeTo('slow',1);
      })
      }
  </code></pre>
  <p>If any one has any idea about this would be much appreciated.</p>