title: Fadeout and remove a table row is not working together at my asp.net mvc
body: <p>I have the following script to fade and then remove a table row, but it only removes the row.</p>
  
  <pre><code>function deleteconfirmation() {
      $(this).fadeOut('slow', function () { $(this).remove(); });
      jAlert('The Answer was deleted succsfully', 'Deletion Confirmation');
  }
  </code></pre>
  
  <p>So is it possible to fade out a table row before removing it? If yes, how I can do it?</p>
  
  <p><strong>Edit:-</strong> this is the table that will have its row removed :-</p>
  
  <pre><code>@foreach (var answer in Model.Answers.OrderBy(a=&gt; a.IsRight))
  {
         &lt;tr id =  @answer.AnswersID&gt;
  
          &lt;td&gt;
              @Html.DisplayFor(modelItem =&gt; answer.Description)
          &lt;/td&gt;
          &lt;td&gt;
              @Html.DisplayFor(modelItem =&gt; answer.Answer_Description.description)
          &lt;/td&gt;
          &lt;td&gt;
           @Ajax.ActionLink("Delete", "Delete", "Answer",
          new { id = answer.AnswersID },
            new AjaxOptions
            {
                //OnBegin = "deleteconfirmation1",
                Confirm = "Are You sure You want to delete this Answer ?",
                HttpMethod = "Post",
                UpdateTargetId = @answer.AnswersID.ToString(),
                OnSuccess = "deleteconfirmation",
                OnFailure = "deletionerror"
            })
  
  
          &lt;/td&gt;
          &lt;/tr&gt;
  }
  </code></pre>