ASP MVC and jquerymobile can't display the basic scheduler

Hi,
I am using razor view in Asp .net MVC and also Jquery Mobile, I load the scheduler using an ajax call into an element in html

.
<li><a onclick="LoadCalendar()">View Calendar</a></li>

function LoadCalendar() { $("#content").load(rootUrl + '/Calendar/IndexMobile', function (data) { alert(data); }); }

Below is my script in CalendarController

[AllowAnonymous] public virtual ActionResult IndexMobile() { var sched = new DHXScheduler(); sched.Config.multi_day = true; sched.InitialDate = DateTime.Now; sched.LoadData = true; sched.EnableDataprocessor = true; sched.Config.isReadonly = true; sched.DataAction = Url.Content(string.Format("~/Calendar/Data")); return PartialView("Index.Mobile", sched); }

and my view is below:

@model DHTMLX.Scheduler.DHXScheduler @Html.Raw(Model.Render())

But my scheduler is not displayed at all. There is also no error in javascript, do you have any idea of what may caused this?

Hi,
container for the calendar must have some initial height,
try the following

function LoadCalendar() { $("#content").css("height", "500px"); $("#content").load(rootUrl + '/Calendar/IndexMobile', function (data) { alert(data); }); }