Tags für Modal werden nicht gerendert

Ich versuche, eine modale Vorlage mit Javascript und Teilansichten zu füllen. Ich habe meine Vorlage in meinem Master-Layout-Datei und ich möchte es gefüllt, wenn ein Ajax ActionLink angeklickt wird. Allerdings verschwinden 4 innere Divs in meiner Vorlage, wenn auf den Ajax ActionLink geklickt wird.Tags für Modal werden nicht gerendert

<!-- Container for modal --> 
<div id="modal-element" class="modal fade in" tabindex="-1" role="dialog"> 
    <div class="modal-dialog modal-lg"> <!--This disappears after ajax--> 
     <div class="modal-content"> <!--This disappears after ajax--> 
      <div class="modal-header"></div> <!--This disappears after ajax--> 
      <div id="modal-body-footer"> <!--This disappears after ajax--> 
       <!--this will be rendered via partialview--> 
      </div> 
     </div> 
    </div> 
</div>

Mein Actionlink ist in einem WebGrid und sieht aus wie so:

grid.Column("", null, format: (item) => Ajax.ActionLink("Delete", "Delete", new { id = item.Id }, new AjaxOptions { UpdateTargetId = "modal-body-footer"}, new { @class = "modal-link" })),

Meine gemacht html, offensichtlich die 4TE fehlt: