dropdown list not working

[mww]

I cant get a dropdown list to work, this is the first time Ive used kendo and as far as im aware Im using it correctly but I cant get the dropdown list to show.  Heres the code

<li>

               @Html.LabelFor(m => m.UserRole)

               @Html.Kendo().DropDownListFor(m => m.UserRole).BindTo(Model.UserRoles).AutoBind(true).SelectedIndex(0)

           </li>

Model.UserRoles is populated with 3 items.  Firebug console is showing this error

TypeError: jQuery("#UserRole").kendoDropDownList is not a function

and this is the HTML rendered

<li>

<label for="UserRole">User role</label>

<input id="UserRole" type="text" name="UserRole" data-val-required="The User role field is required." data-val="true">

<script>

jQuery(function(){jQuery("#UserRole").kendoDropDownList({"dataSource":["Agency","Artist","Venue"],"autoBind":true,"index":0});});

</script>

</li>

 can anyone tell me where Im going wrong ?

[Iliana Dyankova]

Hello Mark,

The most likely reason for this error is lack of some of the needed resources or incorrect order. Please check if everything is correctly included.
 
Kind regards,
Iliana Nikolova
the Telerik team