title: Change background color on mouseover and remove it after mouseout
body: <p>I have table which class is <code>forum</code>. My jquery code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $('.forum').bind("mouseover", function(){
              var color  = $(this).css("background-color");
  
              $(this).css("background", "#380606");
  
              $(this).bind("mouseout", function(){
                  $(this).css("background", color);
              })    
          })    
      })
  &lt;/script&gt;
  </code></pre>
  
  <p>It perfectly works, but is it possible to do it in more efficient way without <code>var color  = $(this).css("background-color");</code>. Just after <code>mouseout</code> leave the previous background-color and remove <code>#380606</code>? Thank you.</p>