Tips to understand Jquery execution flow
<p>I am new to JQuery. I wrote a small piece of code (<a href="http://jsfiddle.net/dSL6S/8/" rel="nofollow">fiddle</a>). I was wondering if someone could throw some light on the order of execution of the statements i wrote. </p>

<p>The HTML:</p>

<pre class="lang-html prettyprint-override"><code>&lt;span&gt;I&lt;/span&gt;
&lt;span&gt;Love&lt;/span&gt;
&lt;span&gt;JQuery&lt;/span&gt;
</code></pre>

<p>​The JavaScript:</p>

<pre class="lang-js prettyprint-override"><code>$(function() {
    $('&lt;a&gt;Url&lt;/a&gt;').attr('href', 'http://www.jquery.com').appendTo('body');
    $('&lt;span&gt;More&lt;/span&gt;').appendTo('body');
    $('span'.text());
});​
</code></pre>

<p>I was expecting an output of Url I Love JQuery More but the output, as you can see, is I Love JQuery UrlMore. Why is the output in that order? Please help</p>
