jQuery keeps adding display: block to my table row
<pre><code>var str = '&lt;tr class="task_row"&gt;&lt;td&gt;data.name&lt;/td&gt;&lt;td&gt;data.description&lt;/td&gt;&lt;/tr&gt;';
$(str)
    .hide()
    .insertAfter($(clicked_item)
                     .parent()
                     .parent()
                     .parent()
                     .next()
                     .find('.header_row')
                 )
    .fadeIn("slow");
</code></pre>

<p>For some reason, when jQuery shows the new row, it gives the <code>&lt;tr&gt;</code> a <code>display: block</code> style which makes the entire row only take up one cell. Is there any way to keep it from behaving this way?</p>
