title: Change Delete ActionLink to button
body: <p>I've read that you shouldn't use a link for deletes.  How do I change this to a button instead?</p>
  
  <pre><code> @Html.ActionLink("Delete", "Delete", new { id = Model.ListOfRecipients[i].RecipientId,applicationId=Model.ApplicationId },  new { @class = "button delete_recipient" }) 
  </code></pre>
  
  <p>edit
              @using (Html.BeginForm())
              {</p>
  
  <pre><code>        &lt;div id='added_recipients'&gt;
  
            &lt;table class='header'&gt;
              &lt;tr&gt;
                  @if (Model.ListOfRecipients != null)
                  {
                  &lt;td class='recipient-title'&gt;
                      @if (Model.ListOfRecipients.Count == 1) {@Model.ListOfRecipients.Count.ToString() &lt;span&gt;Recipient&lt;/span&gt;}
                      @if (Model.ListOfRecipients.Count &gt; 1)  {@Model.ListOfRecipients.Count.ToString() &lt;span&gt;Recipients&lt;/span&gt;}
  
                  &lt;/td&gt;
                  &lt;td class='express'&gt;
                    Express
                  &lt;/td&gt;
                  &lt;td class='quantity'&gt;
                    Quantity
                  &lt;/td&gt;
                  &lt;td class='action'&gt;
                  &lt;/td&gt;
                  }
              &lt;/tr&gt;
            &lt;/table&gt;
  
  
              @if (Model.ListOfRecipients != null)
              {
                  for (int i = 0; i &lt; Model.ListOfRecipients.Count; i++)
                  { 
  
                  &lt;div class='recipient-wrapper'&gt;
                      &lt;div class='decision_block'&gt;
                          &lt;table class='recipient'&gt;
                              &lt;tr&gt;
                                  &lt;td class='recipient-title'&gt;
                                      @Html.HiddenFor(model=&gt;model.ListOfRecipients[i].RecipientId)
                                      &lt;h3&gt;
                                      @if(Model.ListOfRecipients[i].RecipientTypeId==1)
                                      {
                                          @Html.DisplayTextFor(model =&gt; model.ListOfRecipients[i].MedicalLicensingAuthorityName) 
                                          @Html.HiddenFor(model =&gt; model.ListOfRecipients[i].MedicalLicensingAuthorityName)                           
                                       }
                                      else
                                      {
                                          @Html.DisplayTextFor(model =&gt; model.ListOfRecipients[i].RecipientName) 
                                          @Html.HiddenFor(model =&gt; model.ListOfRecipients[i].RecipientName)
                                      }
                                      &lt;/h3&gt;
                                      &lt;div class='delivery-type'&gt;
                                          Delivery Type: @Html.DisplayTextFor(model =&gt; model.ListOfRecipients[i].DeliveryType)
                                                         @Html.HiddenFor(model =&gt; model.ListOfRecipients[i].DeliveryType)
                                      &lt;/div&gt;
                                  &lt;/td&gt;
                                  &lt;td class='na express'&gt;
                                      @Html.CheckBoxFor(model =&gt; model.ListOfRecipients[i].ExpressIndicator)
                                      @Html.HiddenFor(model =&gt; model.ListOfRecipients[i].ExpressIndicator)
                                  &lt;/td&gt;
                                  &lt;td class='quantity'&gt;
                                      &lt;h3&gt;
                                        Qty @Html.DisplayTextFor(model =&gt; model.ListOfRecipients[i].Quantity)
                                            @Html.HiddenFor(model =&gt; model.ListOfRecipients[i].Quantity)
                                      &lt;/h3&gt;
                                  &lt;/td&gt;
                                  &lt;td class='action'&gt;
                                      &lt;input class='button edit_recipient' type='button' value='Edit' /&gt;
  
                                     @* &lt;input class='button delete_recipient' type='button' value='Delete' /&gt;*@
  
  
                                  @Html.ActionLink("Delete", 
                                                   "Delete", 
                                                    new { id = Model.ListOfRecipients[i].RecipientId,applicationId=Model.ApplicationId },  
                                                    new { @class = "button delete_recipient",onlick = "$.post(this.href); return false;" }) 
  
  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/table&gt;
                          &lt;div class='recipient_editable'&gt;
                              &lt;br /&gt;
                              &lt;hr /&gt;
  
  
                              &lt;br /&gt;
                              &lt;input class='button update_recipient' type='button' value='Update' /&gt;
                              &lt;a class='button cancel_update' href='#'&gt;Cancel&lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  }
              }
  
  
          &lt;/div&gt;
  
          &lt;input class='button' type='submit' value='Continue' /&gt;
  
          }
  </code></pre>