MVC Grid not accessible after AJAX HTML response added to DOM

Hi,

I am using the ASP.NET MVC Grid control on a page. The functionality is to fire a AJAX query when a Grid row is selected. The AJAX query calls the MVC Controller and gets a response HTML.

 The response HTML is a Tab Strip with 4 tabs , all of them are empty except for one which shows a hierarchy (built using <ul> and <li> tags).

Scenario,

• When Grid loads, it gets the data from one of the MVC controllers
• When a row is selected, the "onChange" event fires and a AJAX call pulls the HTML response with the Tabstrip
• Once the AJAX response comes back, it is added to the DOM using $('#DrillDown').html(data)

Issue

Once the AJAX response is added to the DOM, the GriD is no longer accessible. None of the rows are selectable anymore, the below line returns null

var grid = $('#MasterGrid').data("kendoGrid");

 Any help appreciated.

-Harris