title: What is the best way to change the cursor in JQuery
body: <p>I am new to JQuery.<br/>
  I am trying to add some code in my HTML web page to change the cursor, <br/>
  but I am not sure if it is the best way to do it using JQuery alone rather than doing some self-custom declaration in an external CSS.<br/>
  (I don't know if JQuery has got some built-in CSS properties.)</p>
  
  <p>Here is the code for my very simple HTML web page:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
   $(document).ready(function(){
    $("#replybox").draggable();         
           $("#closed").mouseover(function(){
           $("#closed").css("cursor","pointer"); 
           });        
   });
  &lt;/script&gt;
  &lt;div id="replybox"&gt;
  &lt;form&gt;
  &lt;table border="2"&gt;
  &lt;tr&gt;&lt;td align="center" bgcolor="#FFAAAA"&gt;
  &lt;span id="closed"&gt;Press here to close this box&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;
  &lt;td align="center"&gt;
  Content:&lt;textarea name="data[Reply][quote]" id="data[Reply][quote]" cols="72" rows="18"&gt;Helloworld&lt;/textarea&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Please advise.</p>