title: Working with JQuery to change CSS properties
body: <p>I am using the Jquery UI tabs, and want to change the properties of an element on mouseover.</p>
  
  <p>My HTML is this:</p>
  
  <p><code>&lt;ul id="sub-tabs"&gt;
        &lt;li&gt;&lt;a href="#000"&gt;&lt;span&gt;000&lt;br /&gt;&lt;p id="ct1"&gt;General&lt;/p&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;...</code></p>
  
  <p>And jquery is:</p>
  
  <pre><code>$('#guide-nav ul#sub-tabs span').mouseover(function() {
     $("#guide-nav ul#sub-tabs li p").css("display", "none"); 
  });
  </code></pre>
  
  <p>But this is not working.</p>