My intention is to increase the width of an element by 10px on mouseover and decrease it back 10px on mouseover, which is the default width in the css.

Based on other forum answers I thought I could use:

```
 $("#theelement").mouseenter(function() {
    $(this).css({"width": $(this.width()+10}) 
  }
 $("#theelement").mousleave(function() {
    $(this).css({"width": $(this.width()-10}) 
  }

```

Things aren't working right now, and am not sure if this is the culprit or not. In plain javascript we add "px" I know, but not sure about this. In any case I'd like to change the element's width on the fly without knowing its static width.