jquery executes too fast
<p>I've got a bit of a problem with some jquery. The code works fine, but it's running too quickly, even inside of the whole $.document(ready) thing. </p>

<p>Essentially, I have a layer of data loaded from a database - and then the .sortable is applied to it. </p>

<p>The .sortable stuff is being applied before the HTML finishes drawing. Any ideas?</p>

<p>The marked area below is where the problem is. /Clouds/List is an ActionResult in ASP.NET MVC that gets the listing and draws the partial view - but it takes longer to do that than the jQuery is executing.</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(function () {
     $("#floating").load("/Tags/List");
     **$("#listing").load("/Clouds/List");**

     $(".sortable").sortable({
      connectWith: '.connectable',
      dropOnEmpty: true,
      receive: function (event, ui) {
       var tag = $(ui.item).attr("id").replace(/t/, "");
       var parent_id = $(ui.item).parent().attr('id');
       $.post("/Clouds/Insert", { cloud: parent_id, tag: tag });
      },
      remove: function (event, ui) {
       var tag = $(ui.item).attr("id").replace(/t/, "");
       var parent_id = $(ui.item).parent().attr('id');
       $.post("/Clouds/Remove", { cloud: parent_id, tag: tag });
      }
     }).disableSelection();

    });
&lt;/script&gt;
</code></pre>
