Hi All

I'm working on an MVC application and I ran into a little snag.

I've got a form with the usual textboxes and dropdowns. I decided to use jquery ajax (GET) to load the dropdowns on load (State Names & Salutations).

No matter what I try, for example:
Code:
 <AcceptVerbs(HttpVerbs.Get)> _
        Public Function ReturnSalutationDropdown() As ActionResult

            Dim dropdown As New DropDownList With {.TabIndex = 1, .DataTextField = "Value", _
                                                   .DataValueField = "Key", .ID = "ddl_coSalutation"}
            dropdown.DataTextField = "Value"
            dropdown.DataValueField = "key"
            dropdown.DataSource = AppEnumerations.BindToEnum(GetType(AppEnumerations.Salutation))
            dropdown.DataBind()
            Dim sb As New StringBuilder
            Dim tw As New IO.StringWriter(sb)
            Dim hw As New HtmlTextWriter(tw)
            dropdown.RenderControl(hw)

            Return Content(sb.ToString)

        End Function
The ID of the dropdown ends up like: ctl00$MainContent$ddl_coSalutation

It doesn't matter if I use a stringbuilder and a loop to create a <select> with <option>'s, the ID always ends up like above.

Do I have to create a javascript function to create it instead?

Thanks