How can I compress jQuery hide() and then fadeIn() to a single line?
<p>I'm adding new rows to a table using jQuery and have the rows fading in as I want but only by making two calls, the first uses <code>after</code> to add the new row at the end of my table and then I use <code>hide</code> followed by <code>fadeIn</code> to get the effect. I want to compress this </p>

<pre><code>$(document).ready(function ($) {
    $("button").click(function () {
        $.get('@Url.Action("AddCalculatorRow", "Workshop", 
                           new { id = Model.Id } )', function (data) {
            $('.calculator').find("tbody tr:last").after(data);
            $('.calculator').find("tbody tr:last").hide().fadeIn(2000);
        });
    });
});
</code></pre>

<p>the duplication tells me there must be a more elegant way to achieve the look. However if I make that </p>

<pre><code>$('.calculator').find("tbody tr:last").after(data).hide().fadeIn(2000); 
</code></pre>

<p>then the row that's added is shown instantly and what was the last row hides and fades in... which looks awful.</p>
