Why are these nested triggers for jQuery not working?
<p>I am using the following code to load two underscore.js templates.  Once the first link is clicked, the skeleton template is loaded.  The first trigger executes the find bind, which executes the loadBookmarks function correctly, but the 'loaded' trigger never fires and the loadFriendBookmarks never executes.  Why is this?  Is there another way to make this happen?</p>

<pre><code>$('#bookmarks-link').click(function() {
  $('#bookmarks-count').text("0");
  var skeleton = modalTemplate();
  $('#bookmarks').append(skeleton);
  $('#bookmarks').trigger('skeleton');
});

$('#bookmarks').bind('skeleton', function() {
  $('#bookmarks .thumbnails').loadBookmarks( getBookmarksUrl(1) );
  // If I add an alert('hi') here, it works perfectly.
  $('#bookmarks').trigger('loaded');
});

$('#bookmarks').bind('loaded', function() {
  $('#bookmarks .thumbnails a').each(function() {
    $(this).bind('click', function() {
      $('#bookmarks .bookmarks-table tbody').empty();
      $('#bookmarks .bookmarks-table tbody').loadFriendBookmarks(
        getFriendBookmarksUrl($(this).attr('data-item'))
      );
    });
  });
});
</code></pre>

<p>So interesting enough, the triggers do work correctly: If I stick an alert in between loadBookmarks and trigger, everything works fine.  If I take it out, then it doesn't.  Any idea why?</p>
