title: How to get the mouse cursor do a grab on mouse down?
body: <p>I have made a demo on <a href="http://jsfiddle.net/uZ377/15/" rel="noreferrer">JSFIDDLE</a><br>
  <strong>UPDATE</strong> <a href="http://jsfiddle.net/uZ377/21/" rel="noreferrer">this version</a> works in FF but not chrome..<br>
  <strong>UPDATE 2</strong> This <a href="http://appear.dk/uk/" rel="noreferrer">website</a> seems to have a working solution.</p>
  
  <p>my Javascript is as follows</p>
  
  <pre><code>$("#click").live({
    mousedown: function() {
              this.addClass("closed");
          },
    mouseup: function() {
              this.removeClass("closed");
          }
  });
  </code></pre>
  
  <p>and the CSS is as follows </p>
  
  <pre><code>.closed {
      cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important;
  }
  </code></pre>
  
  <p>But why doesn't the cursor become a closed hand on mouse down with this jQuery code?
  Thank you so much!
  Any help would be appreciated!</p>