..NET MVC display partial view using ajax.ActionLink not working - asp.net

Question

I am using Ajax.ActionLink to send a request to my action method and update the SelectedSTRMList div with a partial view. However, the partial view is not displaying within the div when the link is clicked. I can view the partial view in a separate window. Any idea of what I am doing wrong?? In Chrome developer tools, I checked the ajax request in the Network tab and it is returning a request. I have also verified that I do have the ajax obstructive js files in ly layout view. Thanks
View
#model IEnumerable<NS.Models.FeeAuth>
<h2>Requests</h2>
<div class="table-responsive">
<table class="table table-condensed" style="border-collapse:collapse;">
<tr>
<th>
#Html.LabelFor(m => m.First().ID)
</th>
<th>
#Html.ActionLink("Request ID", "ApprovalIndex", new { sortOrder = ViewBag.RequestIDSortParam })
</th>
<th>
#Html.Label("emplid", "Student Emplid")
</th>
<th>
#Html.LabelFor(m => m.First().fname)
</th>
<th>
#Html.LabelFor(m => m.First().lname)
</th
<th></th>
</tr>
#{int i = 0;}
#foreach (var item in Model)
{
<tr data-toggle="collapse" data-parent="#collapse1_#i" data-target="#collapse1_#i" class="accordion-toggle">
<td>
#Ajax.ActionLink(Html.Encode(item.ID),
"SelectedSTRMS",
new
{
id = item.ID,
requestId = item.requestID
},
new AjaxOptions
{
UpdateTargetId = "SelectedSTRMList",
InsertionMode = InsertionMode.Replace,
HttpMethod = "GET"
})
</td>
<td>
#Html.DisplayFor(modelItem => item.requestID)
</td>
<td>
#Html.DisplayFor(modelItem => item.emplid)
</td>
<td>
#Html.DisplayFor(modelItem => item.fname)
</td>
<td>
#Html.DisplayFor(modelItem => item.lname)
</td>
</tr>
<tr>
<td colspan="6" class="hiddenRow">
<div class="accordian-body collapse" id="collapse1_#i">
<div id="SelectedSTRMList">
</div>
</div>
</td>
</tr>
i++;
}
</table>
</div>
_Layout View showing jquery
<script src="#Url.Content("~/Scripts/jquery-1.11.1.min.js")" type="text/javascript"></script>
<script src="#Url.Content("~/Scripts/jquery-ui-1.11.2.min.js")" type="text/javascript"></script>
#*<script src="#Url.Content("//ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>*#
<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>
<script src="#Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="#Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
Partial View
<table>
<tr>
<td>
<ul>
#foreach (var s in (List<string>)ViewBag.SemesterInfo)
{
<li style="padding-bottom:20px;">#s</li>
}
</ul>
</td>
</tr>
</table>
Controller
public PartialViewResult SelectedSTRMS(int id, int requestId)
{
FeeAuthWithCommentsViewModel feeauth = new FeeAuthWithCommentsViewModel();
feeauth.FeeAuth = db.FeeAuths.Find(id);
int feeauthID = id;
List<string> GetSTRM = new List<string>();
GetSTRM = db.vw_GetSTRMs.Where(v => v.FeeAuthID == feeauthID).Select(v => v.DESCR).ToList();
if (GetSTRM.Count > 0)
{
ViewBag.SemesterInfo = GetSTRM.ToList();
}
else
{
ViewBag.SemesterInfo = new List<string> { "No STRM Selected" };
}
return PartialView("_SelectedSTRMS");
}