How to embed table rows in div or something else and do not broke jQuery fadeIn function?
<p>I have a very specific problem. </p>

<p>I would like to insert a specific code using fadeIn, fadeOut functions, but it is not working if I am using tr and td tags embeded in div tag.</p>

<p>I have this code for JS part:</p>

<pre><code>var registrationPart = $('div.registration-part');
var loginPart = $('div.login-part');

$('span.logreg.log').click ( function () {

                registrationPart.fadeOut("fast");
                loginPart.fadeIn("slow");

}
</code></pre>

<p>And this in html:</p>

<pre><code>&lt;table class="table"&gt;
    &lt;div class="registration-part"&gt;
        &lt;tr&gt;
                  &lt;td&gt;registration&lt;/td&gt;
            &lt;/tr&gt;
    &lt;/div&gt;
    &lt;div class="login-part"&gt;
        &lt;tr&gt;
                  &lt;td&gt;login&lt;/td&gt;
            &lt;/tr&gt;
    &lt;/div&gt;
&lt;/table&gt;
</code></pre>

<p>So the fadeIn, fadeOut is not working if there are tr,td tags inside of divs. If I replace them with divs or spans everything works fine.</p>

<p>Is there a way how to leave tr,td , so I don't need to make specific stylesheet for divs so it will look like tr,td.</p>

<p>Thanks in advance.</p>
