title: Cant submit html form after use js script
body: <p>I have this html site</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="~/Content/index.css" /&gt;
      &lt;link rel="stylesheet" href="~/Scripts/fancyBox/source/jquery.fancybox.css" type="text/css" media="screen" /&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;script type="text/javascript" src="~/Scripts/prototype.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="~/Scripts/scriptaculous.js?load=effects"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="~/Scripts/Scale.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="~/Scripts/fancyBox/source/jquery.fancybox.pack.js"&gt;&lt;/script&gt;
      &lt;title&gt;Countries&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
          @foreach (var country in Model)
          {
              &lt;a class="fancybox"&gt;
                  &lt;div class="tooltip"&gt;
                      @using (Html.BeginForm("ChangeCulture", "Home", new { lang = country.Culture }))
                      {
                          &lt;!-- onclick="zoomIn('@country.Culture')"--&gt;
                          &lt;input id="@country.Culture" class="@country.Sprite" type="image" name="submit" src="//" /&gt;
                          &lt;span class="tooltiptext"&gt;@country.Country&lt;/span&gt;
                      }
                  &lt;/div&gt;
              &lt;/a&gt;
          }
      &lt;/div&gt;
      &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $(".fancybox").fancybox({
              afterShow : function() {
                  this.find("form").submit();
              }
          });
      })
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The bottom line is that the flags of countries with tooltips are displayed on the screen and by pressing it is necessary to change the language of the tooltips to the language used in the country. I did this, and now I need to increase the whole screen after receiving the picture with the flag, and then the language would change. I found the fancybox scripts, but after it is inserted, the form is not sent, the selected flag appears in the center, but nothing happens after that, what could be the problem? I have not written to asp and js before</p>
  
  <p>After click on the image I got an error</p>
  
  <pre><code>Uncaught TypeError: this.find is not a function
      at Object.afterShow (Index:119)
      at Function.trigger (jquery.fancybox.pack.js:17)
      at HTMLDivElement._afterZoomIn (jquery.fancybox.pack.js:33)
      at HTMLDivElement.d.complete (jquery-latest.min.js:4)
      at j (jquery-latest.min.js:2)
      at Object.fireWith [as resolveWith] (jquery-latest.min.js:2)
      at i (jquery-latest.min.js:4)
      at m.fx.tick (jquery-latest.min.js:4)
  </code></pre>
  
  <p>My method</p>
  
  <pre><code>public ActionResult ChangeCulture(string lang)
          {
              var returnUrl = this.Request.UrlReferrer?.AbsolutePath;
              var cookie = this.Request.Cookies["lang"];
              if (cookie != null)
              {
                  cookie.Value = lang;
              }
              else
              {
                  cookie = new HttpCookie("lang")
                  {
                      HttpOnly = false,
                      Value = lang,
                      Expires = DateTime.Now.AddYears(1)
                  };
              }
              this.Response.Cookies.Add(cookie);
              return this.Redirect(returnUrl ?? "Index");
          }
  </code></pre>