title: jQuery animate. How to set top and left in auto
body: <p>I have some block with style:</p>
  
  <pre><code>#block{
      position: absolute;
      width: 290px;
      height: 200px;
      background-color: #a71;
      right: 90px;
      margin-top: -5px;
  }
  </code></pre>
  
  <p>I change its properties as follows:</p>
  
  <pre><code>$('#block').animate({
          height: '545px',
          width: '680px',
          left: '50%',
          top: '50%',
          marginTop: '-282.5px',
          marginLeft: '-350px'
      }, 1000);
  </code></pre>
  
  <p>But how am I going to return the block to its initial state?
  This code does not work:</p>
  
  <pre><code>$('#block').animate({
          top: 'auto',
          left:'auto',
          marginLeft: 'auto',
          height: '200px',
          width: '290px',
          marginTop: '-5px',
          right: '90px'       
      }, 1500);
  </code></pre>
  
  <p>It works like this, but without animation:</p>
  
  <pre><code>$('#block').css({
          'top': 'auto',
          'left':'auto',
          'marginLeft': 'auto',
      });
  </code></pre>