Ajax.BeginForm not updating target div

See more:

ASP.NET

MVC

MVC5

MVC6

View:

@using (Ajax.BeginForm("AddBranchContact", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "section3", OnSuccess = "$('#myModal1').modal('hide');" }))
{}


Model:

public JsonResult AddBranchContact(BranchViewModel objBranchContact)
     {
      List<BranchContact> BranchContactList = new List<BranchContact>();
         if (Session["BranchContactList"] == null)
         {
             BranchContactList.Add(objBranchContact.BranchContactDetails);
             Session["BranchContactList"] = BranchContactList;
         }
         else
         {
         } 
         return Json(BranchContactList, JsonRequestBehavior.AllowGet);
     }

View:

@using (Html.BeginForm())
{

<div id="section3"><table>


</table></div>

The results returned from the action below are displayed in tr tds of this table. But when the action method below is called it gets the data but doesnt come back to this part : @using(Html.BeginFOrm()) even though i have given the UpdateTargetID as above.
}