title: How to submit a form using ActionLink
body: <p>I've got to buttons - one sub submission and one for cancellation. The former is the usual <em>input</em> control in side the form.</p>
  
  <pre><code>@Html.ActionLink(" ", "List", "Home", null, new { @class = "cancel" })
  &lt;input type="submit" value="Save" /&gt;
  </code></pre>
  
  <p>The above works as supposed to. However, I got unhappy with how the code looks, so I've attempted to execute both events using <em>ActionLink</em>, like so.</p>
  
  <pre><code>@Html.ActionLink(" ", "List", "Home", null, new { @class = "cancel" })
  @Html.ActionLink(" ", "Save", "Home", null, new { 
    @class = "submit", 
    onclick = "javascript:document.forms[0].submit()" })
  </code></pre>
  
  <p>When I execute it, I get a hit on the controller but the model being passed back is empty (i.e. all fields are default valued). I'm guessing that the action link sends me to <em>Save</em> from outside the form's context but I don't know how to make it not do so.</p>
  
  <p>At the very least, I'd expect the page to send <strong>two</strong> calls. One based on the dummy model through the <em>ActionLink</em>'s <em>href</em> and the second invoked by the JS being executed.</p>
  
  <p>How do I make it work? Is there a better approach? Mainly, I don't want to style the <em>input</em> control. I prefer to style the links generated by <em>Html.ActionLink</em>.</p>