title: jQuery fadeOut sets opacity to 1
body: <p>I'll keep it short, consider this line:</p>
  
  <pre><code>$record.fadeOut(250);
  </code></pre>
  
  <p>Where <code>$record</code> is a table row that looks like this:</p>
  
  <pre><code>&lt;tr id="5194c885eb9fbf38aa000026" class="record"&gt;
     &lt;td&gt;Test&lt;/td&gt;
     &lt;td&gt;2013/05/16 - 13:52&lt;/td&gt;
     &lt;td&gt;2013/05/16 - 13:52&lt;/td&gt;
     &lt;td class="recordActions"&gt;
         &lt;a title="Edit" href="/2configure/templates/devicetypes/5194c885eb9fbf38aa000026/edit" class="edit"&gt;
             &lt;img src="/icons/document--pencil.png" alt="edit"&gt;
         &lt;/a&gt;
         &lt;a title="Delete" href="/2configure/templates/devicetypes/5194c885eb9fbf38aa000026" class="delete"&gt;
             &lt;img src="/icons/cross.png" alt="delete"&gt;
         &lt;/a&gt;
     &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p><strong>I'm absolutely sure that <code>$record</code> contains this element and nothing else.</strong></p>
  
  <p>No CSS is applied. After <code>.fadeOut(250)</code>, the result is:</p>
  
  <pre><code>&lt;tr id="5194c885eb9fbf38aa000026" class="record" style="opacity: 1"&gt;
      ...
  &lt;/tr&gt;
  </code></pre>
  
  <p>What gives?!?</p>
  
  <p>jQuery version <code>1.7.1</code></p>
  
  <p><strong>Edit: full function</strong></p>
  
  <pre><code>function onEntityUpdateSuccess(record_html, statusText, jqXhr, jqForm) {
      var $record = $(".record#" + jqForm.find('input[name="id"]').val());
      var $listingContainer = $record.parents(".listingContainer");
      if(!$listingContainer.is(":visible")) {
           $listingContainer.slideDown(250);
      }
  
      $record.animate({opacity:0}, 250);
      $record.replaceWith(record_html);
      $record.animate({opacity:0}, 250);
      //$record.fadeIn(1000);
  }
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p><a href="https://stackoverflow.com/users/1882497/aioros">Aioros</a> has found the issue:</p>
  
  <pre><code>$record.replaceWith(record_html);
  </code></pre>
  
  <p>is the culprit. But then why does the second animation not work either? How can I replace the HTML and keep it faded?</p>