Preencher dinamicamente o drop-down usando jQuery no asp.net MVC3

Eu tenho dois modelos:

public class ProfessorModels
{
    public string FullName { get; set; }
    public int ID { get; set; }
}

e

public class ClassModels
{
    public int ID { get; set; }
    public string Professor { get; set; }
    public decimal Name { get; set; }
}

Na minha opinião, há um formulário para adicionar a classe:

@model MvcApp.Models.ClassModels

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>ClassModels</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

Gostaria de adicionar um menu suspenso à Visualização de turma, que lista todos os professores disponíveis. Professores estão no banco de dados, e eu posso facilmente fazer uma chamada para o banco de dados do controlador e carregar todos os professores em alguma lista / matriz. Preciso de ajuda sobre como preencher o menu suspenso com professores usandojQuery.

questionAnswers(2)

yourAnswerToTheQuestion