title: How to use Sproutcore 2.0 with Twitter bootstrap dropdown menu
body: <p>I create topbar menu using twitter-bootstrap and It working fine</p>
  
  <pre><code>.topbar
    .topbar-inner
      .container-fluid
        {{#view Mediawrap.menuView id="menuView"}}
        = link_to 'Mediawrap', root_path, {:class=&gt;"brand"}
        %ul.nav
          %li.menu
            = link_to 'Search', "#", {:class=&gt;"menu"}
            %ul.menu-dropdown
              %li
                = link_to "Hide date search", "#"
              %li
                = link_to "Hide index search", "#"
              %li
                = link_to "Hide advance search", "#"
              %li
                = link_to "Clear search", "#"
              %li.divider
              %li
                = link_to 'Save to new folder ...', "#"
              %li
                = link_to 'Replace a folder', "#"
        {{/view}}
  </code></pre>
  
  <p>until I try to add Sproutcore to page. My dropdown are stop working.
  I think It's because "$(document).ready(function()" is calling before Sproutcore generate HTML tag.</p>
  
  <pre><code>$(document).ready(function() {
    alert("bank");
    $(".topbar").dropdown();
  });
  </code></pre>
  
  <p>How do I call command in document.ready after sproutcore finished generate HTML tag</p>