title: Jquery Addclass isn't working
body: <p>I have this code and it doesn't work; I have no idea why. I tried it in all browsers (IE, chrome, firefox).  I suppose that the system must add the class and I tried the console of chrome to see the DOM. I saw the added class but no change in chrome or other browsers.</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  
      &lt;style&gt;
        #boton
        {
          width:200px;
          height:30px;
          border:1px solid;
          background-color:#cccccc;
        }
  
  
      &lt;/style&gt;
  
      &lt;style&gt;
        .botoncla
        {
          background-color:#FF0000;
        }
      &lt;/style&gt;
  
  
      &lt;script&gt;
  
  
  
      $(document).ready(function(){
        $("#boton").hover(function(){
          $(this).addClass("botoncla");
        }, function(){
          $(this).removeClass("botoncla");
       });
      });
  
      &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
         &lt;div id="boton"&gt;Hello&lt;/div&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Can someone test this?  It doesn't work for me.</p>