DropDownList not rendering

[Ashis]

Hi,

I am using @Html.Kendo().DropDownList() with MVC 4 for a mobile application.  The construct of my list is quite simple (See below) .  The list seems to render as the source produced is a jquery function with all the items I expect to be in the list.  However the dropdown never displays but I am not getting any jquery errors.  Any help on this would be appreciated.

The HTML looks interesting through chrome as  

<span tabindex="0" style="display: none; " unselectable="on" class="k-widget k-dropdown k-header">
<span unselectable="on" class="k-dropdown-wrap k-state-default">
<span unselectable="on" class="k-input">&nbsp;</span>
<span class="k-select"><span class="k-icon k-i-arrow-s">select</span>
</span>
</span>
<input id="ClubList" name="ClubList" type="text" data-role="dropdownlist" style="display: none; "></span>


 @(Html.Kendo().DropDownList()
          .Name("ClubList")
          .DataTextField("Name")
          .DataValueField("ClubID")
          .BindTo(new SelectList(Model.ClubList, "ClubID", "Name")) 
          .SelectedIndex(1)
          )