Grid within Tabstrip and "jQuery("#Grid").tGrid is not a function"

[Jeff]

I'm using 2011.3.1115 version. I have a TabStrip with two tabs. Both get loaded via ajax. First has no controls and loads fine. Second, when clicked tries to load a grid from a partial. But then I get "jQuery("#Grid").tGrid is not a function".

I know this is usually because the script for the grid was not loaded, but since I'm using the new version, scripts are automatically loaded but not tin this case. Firebug shows no script being loaded as well when clicking on the second tab that contains a grid.

My hierarchy is as follows. I have the main page which calls:

@{Html.RenderAction("_Account", "Brand" );}

Then, that action renders _Account whicg has a tabstrip that loads each tab from two actions:

.LoadContentFrom("_Stats", "Brand");

The second tab contains a grid which I hope would load the grid along with the script but it doesn't. I can see in the response of the 2nd clicked tab, it has all the grid info, just not loading the actual telerik grid script.

My layout does have the script registrar and all other pages load the telerik scripts automatically, just not in this case. I saw in this sample, all the scripts are manually registered. I simply have the scriptregistrar without adding individual scripts as in:

@(Html.Telerik().ScriptRegistrar().jQuery(false).jQueryValidation(false).DefaultGroup(group =>
    {
        group.UseTelerikContentDeliveryNetwork(true);
    }))

The sample project however adds a bunch of js. I thought the scripts load automatically and they do for other pages.

Any ideas?

[Jeff]

Attached is a very simple project created by Telerik but slightly modified by me using latest version showing my exact problem.