title: MVC: Can't make fancybox work
body: <p>I am trying to update an existing application and wants to display modal using fancybox. On other functionalities, I was able to display the fancybox but for some reason cannot do it on a particular view.</p>
  
  <p>Here is my main view declaration:</p>
  
  <p><strong>@Html.ActionLink(Strings.Link_ViewFullList, "OrganisationFullList", new { id = 1 }, new { @class = "fancybox fancybox.ajax" })</strong></p>
  
  <p>Then here is my "organisationFullList" cshtml file.</p>
  
  <pre><code>@model ProjectOrganisationModel
  @{
      ViewBag.Title = Strings.PageTitles_Organisations;
  }
  &lt;div class="row"&gt;
      &lt;div class="col-lg-10"&gt;
                  @if (Model.Organisation != null &amp;&amp; Model.Organisation.Any())
                  {
                      &lt;ul class="list-unstyled"&gt;
                          @foreach (var organisation in Model.Organisation)
                          {
                              &lt;li&gt;
                                  @Html.RadioButton("organisationList", organisation.Name)
                                  @Html.Label(organisation.Name, new { style = "font-weight: normal" })
                              &lt;/li&gt;
                          }
                      &lt;/ul&gt;
                  }
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my controller code:</p>
  
  <pre><code>    public ActionResult OrganisationFullList(int id)
      {
          var organisationList = new ProjectOrganisationModel();
          organisationList.Organisation = GetOrganisations();
          return View(organisationList);
      }
  </code></pre>
  
  <p>When I click on the link, it displays a new screen instead of the modal. It redirects to this URl:
  <a href="https://localhost:44300/project/1/organisationfulllist" rel="nofollow">https://localhost:44300/project/1/organisationfulllist</a></p>