title: Cufon + jQuery hover not working
body: <p>Alright, here's the problem:</p>
  
  <p>I'm building a  <a href="http://wilsonbiggs.com/robotics/" rel="nofollow">website</a>, utilizing jQuery and Cufon. I'm having a problem with using jQuery's <code>.hover()</code> function alongside Cufon. When I hover over the Cufon'd text, nothing happens. The code of importance is:</p>
  
  <pre><code>Cufon.replace('div.nav', {hover:'true'});
  $(document).ready(function() {
      $('div.nav').each(function() {
          $(this).hover(function() {
              $(this).css({
                  "text-decoration": "underline;",
              });
          },
          function() {
              $(this).css({
                  "text-decoration": "none;",
              });
          });
      });
  });
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;div id="nav"&gt;
      &lt;div id="logo" class="nav"&gt;
          SLA ROBOTICS
      &lt;/div&gt;
      &lt;div id="items"&gt;
          &lt;div id="item1" class="navbutton nav"&gt;
              &lt;i&gt;members&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="item2" class="navbutton nav"&gt;
              &lt;i&gt;robots&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="item3" class="navbutton nav"&gt;
              &lt;i&gt;sponsors&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The rest of the code is visible by viewing the source of the above link. No PHP, so everything's visible.</p>