Sequence of execution of methods in jquery?
<p>i am trying to find out the Right sequence of the method execution in the jquery.</p>

<p>here is the sample script.</p>

<pre><code>$(document).ready(function(){
    $("#start").click(function(){
        $("div").fadeOut(function(){
            console.log("i am no 1");
        }).fadeIn(function(){
            console.log("i am no 2");
        }).show('slow',function(){
            console.log('i am no 3');
        });
    });
});
</code></pre>

<p>So, when i click the button with id="start". then the o/p in the console should be</p>

<blockquote>
  <p>i am no 1</p>
  
  <p>i am no 2</p>
  
  <p>i am no 3</p>
</blockquote>

<p>but the actual o/p is</p>

<blockquote>
  <p>i am no 1 </p>
  
  <p>i am no 3</p>
  
  <p>i am no 2</p>
</blockquote>

<p>so, i want to know how to know how to decide the sequence of execution of the method in jquery script? what is the basis of priority ???</p>
