title: How to embed table rows in div or something else and do not broke jQuery fadeIn function?
body: <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>