title: How to call MVC Action using Jquery AJAX and then submit form in MVC?
body: <p>On my MVC View I have button:</p>
  
  <pre><code>&lt;input id="btnSave" type="submit" name="Save" value="Save" /&gt;
  </code></pre>
  
  <p>When I click this button I need call one Action, do some stuff there and then Submit my form.</p>
  
  <p>I have this jQuery:</p>
  
  <pre><code>$('#btnSave').click(function () {    
      $.ajax({
          url: "/Home/SaveDetailedInfo",
          type: "POST",
          data: JSON.stringify({ 'Options': someData}),
          dataType: "json",
          traditional: true,
          contentType: "application/json; charset=utf-8",
          success: function (data) {
              if (data.status == "Success") {
                  alert("Done");
              } else {
                  alert("Error occurs on the Database level!");
              }
          },
          error: function () {
              alert("An error has occured!!!");
          }
      });
  });
  </code></pre>
  
  <p>Then I want to submit my form. In Controller I have 2 Actions:</p>
  
  <pre><code>public ActionResult SaveDetailedInfo(Option[] Options)
  {
      return Json(new { status = "Success", message = "Success" });
  }
  
  [HttpPost]
  public ActionResult Save()
  { 
      return RedirectToAction("Index", "Home");
  }
  </code></pre>
  
  <p>The problem is when I have <code>type="submit"</code> in my button, I can't reach <code>SaveDetailedInfo</code> Action, cause ajax gives me <code>error</code>, but when I remove <code>type="submit"</code>, ajax works fine, but <code>Save</code> Action never executes.</p>
  
  <p>Please, any ideas how to execute both Actions? I thought maybe after <code>Ajax &gt; Success</code> try to add <code>type=submit</code> through jquery and use <code>.click()</code>, but it sounds strange to me.</p>