title: Change color of <div> using onMouseover
body: <p>Im trying to change the color of the div using omMouse ove Event handler. 
  From grey to black
  But it doesnt work. </p>
  
  <p>Whats wrong here ?
  Also how to use onHover and onMouseout ? </p>
  
  <p></p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link type="text/css" href="" /&gt;
      &lt;script type="text/javascript" src="" &gt;&lt;/script&gt;    
      &lt;style&gt;
          div{
              height: 100px;
              width: 100px;
              background-color: grey;
          }
      &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div onMouseover="this.bgColor = '#FFFFFF'"&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;script&gt;
  
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>