title: Changing background colour with jQuery. Reset to default
body: <p>I have a <code>&lt;ul&gt;</code>, in which I am using jQuery UI Sortable to allow the sorting of the contained <code>&lt;li&gt;</code>s.</p>
  
  <p>The <code>&lt;li&gt;</code>s are styled with alternating background colours with :</p>
  
  <pre><code>.list-striped li:nth-child(odd) {
    background-color: #f9f9f9;
  }
  </code></pre>
  
  <p>I am using the Sortable start and stop functions to create a nice transition when the <code>&lt;li&gt;</code> is dragged like so:</p>
  
  <pre><code>$( ".sortable" ).sortable({
          start: function(event, ui){
              $(ui.item).animate({
                  'background-color': '#333333'
              }, 'fast');
          },
          stop: function(event, ui){
              $(ui.item).animate({
                  'background-color': ''
              }, 'fast');
          }
      });
  </code></pre>
  
  <p>My issue now, is that when we clear the background colour, it doesn't revert to the previous background colour (or inherit the background colour it should from the CSS). Is what I am trying to achieve possible?</p>