Partial View and Validation

Question

I have tried the many solutions online for trying to get validation to work when loading a partial view, but none of them seemed to work.

I currently have some jQuery code which looks like:

$(".alert").click(function () {
    $("#add-comics-container").load("/ManageComics/ComicEditor", function () {
        $.validator.unobtrusive.parse("#add-comics-container");
    });
    $("#add-comics-container").fadeIn();
    $(".blackout").css("display", "block");
    return false;
});

My /ManageComics/ComicEditor looks like:

public ActionResult ComicEditor() {
    return PartialView("_ComicEditorPartial");
}

My Partial more or less looks like:

@model Comics.Models.LocalComicModel
@Html.BeginForm("Index", "ManageComics", FormMethod.Post, new { enctype = "multipart/form-data", id = "addComicForm", value = "1"}){ 

<div class="add-comics-item">
   <div class="add-comics-left">
      <span class="add-comics-title bold_text">@Html.LabelFor(u => u.Title)</span>
      <div class="add-comics-help">WebComic Title throughout website</div>
      @Html.ValidationMessageFor(u => u.Title)
   </div>
   <div class="add-comics-right">
      @Html.TextBoxFor(u => u.Title)
   </div>
</div>

}