title: Jeditable css hover issue
body: <pre><code>$('.editable').editable('/echo/html/', {
      callback: function (value) {
          $(this).data('bgcolor', $(this).css('background-color'));
          if (value == this.revert) {
              $(this).animate({
                  color: "red"
              }, 400);
              $(this).animate({
                  backgroundColor: $(this).data('bgcolor'),
                  color: "black"
              }, 400);
          } else {
              $(this).animate({
                  color: '#91c83e'
              }, 400);
              $(this).animate({
                  backgroundColor: $(this).data('bgcolor'),
                  color: "black"
              }, 600);
          }
      },
      name: 'value',
      width: '50px',
      height: '16px',
      onblur: 'submit'
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/qrA6y/1/" rel="nofollow">http://jsfiddle.net/qrA6y/1/</a></p>
  
  <p>I am having a css issue with Jeditable, when I select and the box is shown, and when I unselect (therefore returning the input box back to <code>&lt;tr&gt;</code>, it sets the background colour to that of when it was set)</p>
  
  <p>I.e if you unselect the input box by selecteing somehwere else on the same row (keeping the row highlighted in yellow) and then move mouse away, the background remains yellow.</p>
  
  <p>similarly if you unselect the input box by selecting OFF the row, the background sets to white and when returning to hover on the row, the hover colour no longer works.</p>