title: Javascript: enable/disable button with mouseover/mouseout
body: <p>This should be pretty straightforward:</p>
  
  <p><code>&lt;input type="button" name="test" id="test" value="roll over me"  onmouseover="this.disabled=true;" onmouseout="this.disabled=false;"&gt;</code></p>
  
  <p>If I place the mouse cursor over this button, it gets disabled..yay!
  But now when I move the cursor out, it doesn't get enabled...boo.</p>
  
  <p>I understand the concept of disabling it means you can't do anything with it.  But how do you get it to be enabled with a mouse out?  Is it possible?  Am I missing something?</p>