title: raise jquery one event after another once the previous event is finished
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/290254/how-to-order-events-bound-with-jquery">How to order events bound with jQuery</a>  </p>
  </blockquote>
  
  
  
  <p>I have bound two event for the same element.Let's say Button:</p>
  
  <pre><code>&lt;button&gt;Click&lt;/button&gt;
  
  &lt;script&gt;
  /*First Event*/
   $('button').click(function(){
     /***Have some piece of code which gets the data that is used for next event***/
   });
  
  /*Second Event*/
   $('button').click(function(){
     /***do some operations with the data that has been fetched from the previous event***/
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>Now, whenever click is triggered on the button, two events are called simultaneously..So I cannot acheive my goal as what I guess.</p>
  
  <p>Can we restrict the event should be calle onced the first event has finished its job....</p>
  
  <p><strong>Note:</strong> Above code is psuedo code to explain my issue..</p>