title: kendo tabstrip reload on dropdownlistfor onchange function
body: <p>I have a view in my project  it has a kendo dropdownlistfor</p>
  
  <pre><code>@(Html.Kendo().DropDownListFor(m =&gt; m.database_pk)
          .BindTo(Model.databases)
          .Name("database_pk").OptionLabel("Select one...")
          .DataValueField("Value")
          .DataTextField("Text")
          .HtmlAttributes(new { @id = "database_pk", onchange = "changeDatabase()" })
      )
  </code></pre>
  
  <p>and a kendo tabstrip </p>
  
  <pre><code>@(Html.Kendo().TabStrip()
                  .Name("menu")
                  .Items(items =&gt;
                      {
                          items.Add().Text("Database Info").LoadContentFrom("DatabaseInfo", "Home", new { database_pk = Model.database_pk }).Selected(true); 
                          items.Add().Text("Tables").LoadContentFrom("TableInfo", "Table", new { database_pk = Model.database_pk }).Selected(true);
                          items.Add().Text("Entities").LoadContentFrom("EntityInfo", "Entity", new { database_pk = Model.database_pk }).Selected(true);
                      })
                  .Events(events =&gt;
                      {
                          events.Select("selectMenuTabs");
                      })
      )
  </code></pre>
  
  <p>The deal is I need my tabstrip to "reload" the selected tab if the onchange event is fired on the dropdownlist</p>
  
  <p>The function for onchange is</p>
  
  <pre><code>function changeDatabase() {
      var selected_pk = $('#database_pk').val();
      reloadTabstrip();
  }
  </code></pre>
  
  <p>and teh reload function is</p>
  
  <pre><code>function reloadTabstrip() {
      var tabStrip = $("#menu").data("kendoTabStrip");
      tabStrip.reload($(".item", tabStrip.element)[0]);
  }
  </code></pre>
  
  <p>the reloadTabstrip function is not working and I'm having a hard time finding anything on the web to point me in the right direction.  </p>