Как использовать href для отправки формы и отправки скрытых значений контроллеру

У меня есть список, отображающий задания в моем представлении, когда я нажимаю на эту ссылку, я должен перейти на другую страницу для отображения полной информации, а в URL-адресе браузера должен отображаться, как показано ниже.

//mysite.com/jobs/auto-damage-adjuster-trainee-houston-and-surrounding-cities.

Для этого я пытаюсь отправить форму по щелчку и передать скрытое значение контроллеру. Но он всегда передает первый элемент из списка.

@model List<JobPortal.Models.MyDB>
@{
   ViewBag.Title = "Current List";
}

@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
@foreach (var list in Model)
{
    <div class = "row">
        <div class = "flexcontainer">
            @Html.Partial("_MySharedView", list)
        </div>
    </div>
}
}

Общий вид -

@model JobPortal.Models.MyDB
@if (Model.JDetails.Count > 0)
{
   @foreach (var item in JDetails)
{

<form id = "Jobs" action = "~/[email protected]" method = "post">
    <input type = "hidden" name = "id" id = "id" [email protected] />
    <strong><a href = "~/[email protected]" onclick = "document.getElementById('Jobs').submit();">@Model.title</a></strong>
</form>
}
}

Контроллер -

public ActionResult Jobs(int? id)
{
    var allDetails = _db.MyDB.Where(p => p.id == id).FirstOrDefault();
    return View(allDetails);
}

Как отправить форму onclick href и передать скрытое значение контроллеру?