Sortable wont work after creating new dynamic tab

Sortable wont work after creating new dynamic tab

Hi

How do I bind the contents of a dynamically created tab so that I can use the contents as a sortable container?

I cannot drag into it after creating a new tab.

var $navigation = $("#navigation").tabs({
        tabTemplate: "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-wrench'>Edit Navigation Item</span><span class='ui-icon ui-icon-close'>Remove Navigation Item</span></li>",
        add: function(event, ui){
            var tab_content =  $tab_url_input.val() || "Tab content.";
            $(ui.panel).append('<div class="category-sortable"><ul class="sortable"></ul></div>');
            $(ui.pane).bind('dragstart', function(event, ui){
                $('.sortable').sortable('refresh');
            });
        }
    });

Thanks

Asa