jQuery tabs, ajax content, url, href, index

  Innerhalb eines Events:
  $("#tabs").tabs({
      select: function(event,ui) {
          var url = $.data(ui.tab, 'load.tabs');
          var id = $('#teamId').attr("selectedIndex");
          var newName = $('#teamId')[0].options[id].text;
          var newUrl = url + "?id=" + id + "&name=" + newName;
          $(this).tabs("url", ui.index, newUrl);
      }
  });

  Ausserhalb eines Events:
  $('#teamId').change(function(){
      var id = $('#teamId').attr("selectedIndex");
      var newName = $('#teamId')[0].options[id].text;
      var selectedTab = $("#tabs").tabs().tabs("option", "selected");
      var href = $("#tabs a").get(selectedTab);
      var url = $.data(href, "href.tabs");
      var newUrl = url + "?id=" + id + "&name=" + newName;
      $("#tabs").tabs().tabs("url", selectedTab, newUrl);
      $("#tabs").tabs().tabs("load", selectedTab);
  });