asp.net-mvc-4 - CodeMirror TextArea が期待どおりにレンダリングされない

Question

コード編集を可能にするために、アプリケーションで CodeMirror を使用しています。次のページコードがあります。

@model Tarantula.Models.NewDiscussionModel

@{
    ViewBag.Title = "Index";
}


<link rel="stylesheet" href="/codemiror/lib/codemirror.css".>
<script src="/codemirror/lib/codemirror.js"></script>
<script src="/codemirror/mode/javascript/javascript.js"></script>

@using (Html.BeginForm())
{
    @Html.LabelFor(m => m.Title)
    @Html.EditorFor(m => m.Title);
    @Html.LabelFor(m => m.Body);
    @Html.TextAreaFor(m => m.Body);
    <input type="submit" value="Submit" />
}

<script>
var editor = CodeMirror.fromTextArea(document.getElementById("Body"), {
  lineNumbers: false
});
</script>

モデル：

public class NewDiscussionModel 
{ 
    [DataType(DataType.Text)] 
    [Required] 
    [Display(Name="Title")] 
    public string Title; 

    [DataType(DataType.MultilineText)] 
    [Required] 
    [Display(Name="Message")] 
    public string Body; 
}

残念ながら、テキスト領域が正しくレンダリングされていません。テキスト領域があるべき場所に空のスペースができます。私は何を間違っていますか？CodeMirror は初めてです。

ありがとう、マーク